@charset "utf-8";::-webkit-input-placeholder {color:#999}
:-moz-placeholder {color:#999}
::-moz-placeholder {color:#999}
:-ms-input-placeholder {color:#999}
body {overflow-y:hidden}
.page-wrapper {padding:0 10px 0 19px;background-color:#f8f8f8;width: 1200px;margin: 0 auto;overflow: hidden;}
.top-bar .crumbs {font-family:\5B8B\4F53;color:#999;height:34px;line-height:34px}
.collect-area,.offer-calculator,.pub-bg,.showimg-box,.top-bar .crumbs #change_text,.top-bar .crumbs a {font-family:"Microsoft Yahei"}
.top-bar .crumbs a {color:#d00}
.top-bar .crumbs a:hover {color:#fa4242;text-decoration:underline}
.top-bar .crumbs #change_text {font-weight:400;color:#333}
.main-content {position:relative;min-width:1161px}/*
.atlas-area {margin-right:340px;visibility:hidden}
.atlas-area.init {visibility:visible}*/
.showimg-box {background-color:#fff;position:relative}
.showimg-box .control-position {margin:0 auto;position:relative;z-index:10}
.showimg-box .control-position img {-webkit-animation:imgM .2s;animation:imgM .2s;position:absolute;left:0;top:-160px;z-index:2}
.showimg-box .control-position .bigImg {z-index:3}
.showimg-box .control-position .bigImg.default {z-index:1}
@-webkit-keyframes imgM {from {opacity:.5}
to {opacity:1}
}
@keyframes imgM {from {opacity:.5}
to {opacity:1}
}
.showimg-box .control-position .num {position:absolute;bottom:17px;left:20px;font-size:20px;color:#fff;-webkit-animation:imgM .2s;animation:imgM .2s;z-index:3}
.showimg-box>.de {width:50%;height:60%;position:absolute;top:0;z-index:1}
.showimg-box>.next {right:0}
.showimg-box>.prev {left:0}
.showimg-box>.cur-l {cursor:url(../images/move_l.cur),auto}
.showimg-box>.cur-r {cursor:url(../images/move_r.cur),auto}
.thumbnail-box {padding:0 62px;position:relative;margin-top: -134px;}
.thumbnail-box .img-list {width:100%;height:72px;overflow:hidden}
.thumbnail-box .img-list li {float:left;padding:4px}
.thumbnail-box .img-list .datas {display:none}
.thumbnail-box .img-list a {display:block;width:60px;height:60px;border:2px solid #f8f8f8;position:relative}
.thumbnail-box .img-list a .num {display:block;position:absolute;right:0;bottom:0;height:12px;width:35px;text-align:center;font-size:11px;line-height:13px;color:#fff;background:#000;opacity:.7;filter:alpha(opacity=70)}
.thumbnail-box .img-list a:hover,.thumbnail-box .img-list li.cur a {border-color:#ee2d1b}
.thumbnail-box .img-list a img {width:100%;height:100%}
.thumbnail-box .control-btn {display:block;width:23px;height:40px;background:url(../images/control-btn.png) no-repeat;position:absolute;top:50%;margin-top:-20px}
.thumbnail-box .control-btn.prev {left:20px}
.thumbnail-box .control-btn.next {right:20px;background-position:-30px 0}/*
.subjoin-area {position:absolute;right:0;top:0;width:290px;height:100%;overflow:hidden;padding:0 15px}*/
.mCSB_container {width:auto}
.mCustomScrollBox {overflow:visible!important}
.mCustomScrollBox>.mCSB_scrollTools {width:5px;height:100%;top:0;right:-15px;opacity:.75;filter:"alpha(opacity=75)"}
.mCSB_scrollTools .mCSB_draggerContainer {position:absolute;top:0;left:0;bottom:0;right:0;height:auto}
.mCSB_scrollTools .mCSB_dragger {cursor:pointer;width:100%;height:30px}
.mCSB_scrollTools .mCSB_draggerRail {background:0 0;width:100%;height:100%;border-radius:5px}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:100%;height:100%;background:#666;border-radius:5px;opacity:.6;filter:alpha(opacity=60)}
.offer-calculator {background-color:#fff;padding:0 12px;border-radius:4px;-webkit-box-shadow:0 4px 15px 0 rgba(101,101,101,.28);box-shadow:0 4px 15px 0 rgba(101,101,101,.28);margin-bottom:20px}
.offer-calculator .order {padding:20px 0}
.offer-calculator .calc-header {width:100%;height:129px;background:url(../images/calculator-img.png) no-repeat;position:relative}
.offer-calculator .number-box {width:87%;height:47px;padding-top:7px;position:absolute;bottom:8px;left:0}
.offer-calculator .number-box span {display:block;width:22px;height:39px;background:url(../images/num_scroll.png) no-repeat;margin-left:3px;float:right}
.offer-calculator .number-box .num {background:0 0}
.offer-calculator .number-box .num0 {background-position:0 0}
.offer-calculator .number-box .num1 {background-position:-35px 0;width:8px}
.offer-calculator .number-box .num2 {background-position:-54px 0}
.offer-calculator .number-box .num3 {background-position:-89px 0}
.offer-calculator .number-box .num4 {background-position:-127px -2px}
.offer-calculator .number-box .num5 {background-position:-168px 0}
.offer-calculator .number-box .num6 {background-position:-202px 0}
.offer-calculator .number-box .num7 {background-position:-237px 0}
.offer-calculator .number-box .num8 {background-position:-271px 0}
.offer-calculator .number-box .num9 {background-position:-306px 0}
.offer-calculator .calc-detail {margin-top:12px}
.offer-calculator .calc-detail .a-row {padding-bottom:6px;position:relative}
.offer-calculator .calc-detail .z-index4 {z-index:4}
.offer-calculator .calc-detail .z-index3 {z-index:3}
.offer-calculator .calc-detail .inputBox {height:33px;line-height:33px;padding-left:8px;border:1px solid #e8e8e8;border-radius:4px;outline:0;z-index:2;position:relative;background:0 0}
.offer-calculator .calc-detail .spinner {cursor:pointer}
.offer-calculator .calc-detail .inputBox .text {display:block;width:100%;height:100%;position:absolute;left:0;top:0;text-indent:8px}
.offer-calculator .calc-detail .inputBox ul {display:none;position:absolute;left:-1px;top:33px;width:100%;border:1px solid #e8e8e8;overflow:hidden;text-indent:8px;z-index:2;background-color:#fff}
.offer-calculator .calc-detail .inputBox ul li {height:33px}
.offer-calculator .calc-detail .inputBox ul a {display:block}
.offer-calculator .calc-detail .inputBox ul a:hover {background-color:#52a0e5;color:#fff}
.offer-calculator .calc-detail .inputBox i {display:block;width:8px;height:5px;background:url(../images/selecticon.png) no-repeat;position:absolute;top:15px;right:8px}
.offer-calculator .calc-detail .init,.offer-calculator .calc-detail .unit {font-size:12px;height:33px;line-height:33px;position:absolute;top:1px;z-index:1}
.offer-calculator .calc-detail .red-border {border-color:#d00}
.offer-calculator .calc-detail .w-120 {width:120px}
.offer-calculator .calc-detail .w-256 {width:256px}
.offer-calculator .calc-detail .w-74 {width:74px}
.offer-calculator .calc-detail .m-7 {margin-left:7px}
.offer-calculator .calc-detail .init {color:#999;padding-left:8px;left:1px}
.offer-calculator .calc-detail .unit {color:#333;right:1px;padding-right:8px}
.offer-calculator .calc-detail .put-in-btn {display:block;width:100%;height:35px;line-height:35px;text-align:center;color:#fff;font-size:14px;border-radius:4px;background-color:#d00;margin-top:9px}
.offer-calculator .calc-detail .put-in-btn:hover {background-color:red}
.offer-calculator .calc-detail .error {display:none;font-size:12px;color:#d00;text-indent:17px;line-height:14px;background:url(../images/error-icon.png) left top no-repeat;margin-top:6px}
.offer-calculator .result {display:none;padding:20px 0}
.offer-calculator .result .re-title {font-size:26px;color:#333;text-align:center;line-height:1}
.offer-calculator .result .re-money {font-size:16px;color:#333;text-align:center;margin:11px 0 7px}
.offer-calculator .result .re-money span {font-size:30px;color:#ee2d1b}
.offer-calculator .result .re-msg {width:212px;border:1px solid #fff;padding:13px;margin:0 auto;background:#e8e8e8;border-radius:4px}
.offer-calculator .result .re-msg li {font-size:12px;line-height:28px;text-align:center;margin:12px 0}
.offer-calculator .result .re-msg li span {font-size:18px;color:#003;font-weight:600;margin:0 3px 0 1px}
.offer-calculator .result .re-msg li del {margin:0 2px 0 5px}
.offer-calculator .result .tips {padding:11px 16px 0 13px}
.offer-calculator .result .tips p {margin-top:4px;line-height:20px;font-size:12px}
.offer-calculator .result .tips .red {color:#ee2d1b}
.pub-bg {background-color:#fff;padding:20px;border-bottom:1px solid #e8e8e8;overflow:hidden}
.pub-bg h3 {font-size:18px;color:#333}
.img-msg {font-size:14px;color:#999}
.img-msg .text {margin-top:10px}
.img-msg p {padding-top:6px}
.img-msg .text p a {color:#d00}
.tags-list .desc {overflow:hidden;margin-top:10px}
.tags-list .desc a {display:block;font-size:14px;color:#999;float:left;margin:10px 12px 0 0;padding:10px;background-color:#f8f8f8;line-height:1}
.tags-list .desc a:hover {background-color:#ddd;color:#333}
.related-atlas ul {margin:15px 0 0 -5px;overflow:hidden}
.related-atlas ul li {width:80px;height:80px;margin:5px 0 0 5px;float:left;position:relative}
.related-atlas ul li a {display:block;width:76px;height:76px;border:2px solid #fff}
.related-atlas ul li a:hover {border-color:#ee2d1b}
.related-atlas ul li img {width:100%;height:100%}
.related-atlas ul li span {width:30px;position:absolute;right:2px;bottom:2px;text-align:center;font-size:11px;height:13px;line-height:13px;color:#fff;background:#000;opacity:.7;filter:alpha(opacity=70)}
.hot-articles ol li {margin-top:20px}
.hot-articles ol a {display:block;overflow:hidden}
.hot-articles ol a:hover p {color:#d00}
.hot-articles ol span {display:block;width:16px;height:16px;line-height:16px;text-align:center;color:#999;font-size:12px;float:left}
.hot-articles ol li.top span {background-color:#ee2d1b;color:#fff}
.hot-articles ol p {width:224px;float:left;margin-left:10px;font-size:14px;color:#333;height:16px;line-height:16px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.add_colllect {float:right;height:35px;width:88px;line-height:35px;color:#fff;cursor:pointer;position:absolute;right:0;top:0;z-index:4}
.add_colllect div {background:#000;opacity:.65;filter:alpha(opacity:65);height:100%}
.add_colllect span {position:absolute;padding-left:40px;width:48px;left:0;top:0;text-align:left;background:url(../images/collect.png) 15px 10px no-repeat}
.mascot-side,.mascot-side .finger {position:absolute;background-repeat:no-repeat}
.add_colllect span.on {background-position:15px -20px}
.mascot-side {width:38px;height:203px;bottom:0;right:-40px;cursor:pointer}
.mascot-side .finger {left:0;bottom:6px;width:30px;height:30px;-webkit-animation:mascotM .7s infinite;animation:mascotM .7s infinite}
.collect-area,.popmask {position:fixed;display:none}
.mascot-side.i1 {background-image:url(../images/body01.png)}
.mascot-side.i1 .finger {background-image:url(../images/001.png)}
.mascot-side.i2 {background-image:url(../images/body02.png)}
.mascot-side.i2 .finger {background-image:url(../images/002.png)}
.mascot-side.i3 {background-image:url(../images/body03.png)}
.mascot-side.i3 .finger {background-image:url(../images/003.png)}
.mascot-side.i4 {background-image:url(../images/body04.png)}
.mascot-side.i4 .finger {background-image:url(../images/004.png)}
@-webkit-keyframes mascotM {0% {-webkit-transform:scale(1);transform:scale(1)}
100%,20% {-webkit-transform:scale(1.06);transform:scale(1.06)}
40%,80% {-webkit-transform:scale(1.1);transform:scale(1.1)}
60% {-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes mascotM {0% {-webkit-transform:scale(1);transform:scale(1)}
100%,20% {-webkit-transform:scale(1.06);transform:scale(1.06)}
40%,80% {-webkit-transform:scale(1.1);transform:scale(1.1)}
60% {-webkit-transform:scale(1.2);transform:scale(1.2)}
}
.popmask {left:0;top:0;width:100%;height:100%;background:#000;opacity:.6;filter:alpha(opacity:60);z-index:999}
.collect-area {width:500px;height:329px;padding:25px;top:50%;left:50%;margin:-177px 0 0 -275px;background-color:#fff;z-index:1000}
.collect-area .close-btn {position:absolute;top:20px;right:20px;width:16px;height:16px;background:url(../images/searchbackground.png) -147px -56px no-repeat;z-index:2}
.collect-area h3 {font-size:20px;color:#333;line-height:26px;text-align:center}
.collect-area .details {margin-top:26px;height:302px;overflow:hidden}
.collect-area .details .img-box {float:left;width:150px;height:150px}
.collect-area .details .img-box img {width:100%;height:100%}
.collect-area .details .msg {width:340px;float:right}
.collect-area .choose-atlas {width:318px;line-height:18px;padding:9px 10px;border:1px solid #ccc;color:#999;position:relative;height:18px;z-index:3}
.collect-area .choose-atlas i {position:absolute;border:6px solid transparent;width:0;height:0;border-top-color:#b5b5b5;top:15px;right:8px;z-index:2}
.collect-area .choose-atlas i.on {border-top-color:transparent;border-bottom-color:#b5b5b5;top:9px}
.collect-area .choose-atlas span {position:absolute;width:338px;height:36px;line-height:36px;left:0;top:0;text-indent:16px}
.collect-area .choose-atlas .list {display:none;width:338px;border:1px solid #ccc;padding-bottom:55px;position:absolute;top:36px;left:-1px;z-index:2;background:#fff}
.collect-area .choose-atlas .list li {height:30px;line-height:30px;text-indent:16px}
.collect-area .choose-atlas .list li:hover {background-color:#f4f4f4}
.collect-area .choose-atlas .list input {position:absolute;bottom:7px;left:8px;width:297px;height:18px;border:1px solid #dcdcdc;padding:10px;line-height:18px;font-size:14px;border-radius:4px;color:#999}
.collect-area .text-area {width:318px;height:128px;border:1px solid #ccc;padding:10px;position:relative;font-size:12px;color:#999;margin-top:13px}
.collect-area .text-area textarea {width:100%;height:100%;line-height:20px;resize:none;outline:0}
.collect-area .text-area .num {position:absolute;right:8px;bottom:4px;line-height:24px}
.collect-area .text-area .num strong {font-family:arial;color:#960;font-size:18px;font-weight:400}
.collect-state,.offer-pop {font-family:"Microsoft Yahei"}
.collect-area .tool-btns {margin-top:11px;overflow:hidden}
.collect-area .tool-btns a {width:78px;height:28px;border:1px solid #999;border-radius:4px;display:block;text-align:center;line-height:28px;color:#333;margin-left:10px;float:right}
.collect-area .tool-btns .sure {border-color:#d00;background-color:#d00;color:#fff}
.collect-area .tool-btns .sure:hover {background-color:red}
.collect-area .tool-btns .cancel:hover {background-color:#e1e1e1;border-color:#e1e1e1}
.collect-state {display:none;width:430px;height:166px;padding:25px;background:#fff;position:fixed;top:50%;left:50%;margin:-108px 0 0 -240px;z-index:1000}
.collect-state .close-btn {position:absolute;top:20px;right:20px;width:16px;height:16px;background:url(../images/searchbackground.png) -147px -56px no-repeat;z-index:2}
.collect-state .desc {margin-top:26px;padding:15px 0 0 136px;position:relative}
.collect-state .desc i {position:absolute;top:30px;left:50px;width:53px;height:53px}
#popupLoginMask,.fast_login {left:0;position:absolute;top:0}
.collect-state .desc .true {background:url(../images/col_sts.png) left top no-repeat}
.collect-state .desc .false {background:url(../images/col_sts.png) left -53px no-repeat}
.collect-state .desc h3 {font-size:18px;color:#333;padding-bottom:15px}
.collect-state.collect-failed .desc h3 {padding:15px 0 0}
.collect-state .desc p {line-height:28px;font-size:14px}
.collect-state .desc a {color:#007fd7;font-size:12px}
.collect-state .desc a:hover {color:#d00;text-decoration:underline}
.fast_login {z-index:999999999999;display:none;width:auto;height:auto;background:0 0;border:0;margin:0;overflow:visible}
#popupLoginMask {z-index:99999999999;background:#000;filter:alpha(opacity=40);opacity:.4}
#popupLogin {position:absolute;z-index:100000000000;width:490px;height:495px;background:#fff}
#popupLogin .close {position:absolute;left:100%;top:0;display:block;width:40px;height:40px;background:url(../images/short-close.png) center center no-repeat #3f3f3f;background-color:rgba(0,0,0,.5);cursor:pointer}
.offer-pop {display:none;position:fixed;left:50%;top:50%;padding-top:40px;z-index:1000;width:810px;height:450px;margin-left:-405px;margin-top:-265px}
.offer-pop .close-btn {width:30px;height:30px;background:url(../images/tg_rec_bg.png) left -79px no-repeat;position:absolute;right:0;top:0;text-indent:-999px;overflow:hidden;z-index:2}
.offer-pop .img-box {width:405px;float:left;overflow:hidden;height:450px;background:#fff;text-align:center}
.offer-pop .img-box img {height:100%}
.offer-pop .details {width:327px;float:right;height:450px;background:#f5f5f5;padding:0 39px}
.offer-pop h3 {font-size:28px;color:#333;padding-top:49px;line-height:60px;text-align:center;padding-bottom:40px;white-space:nowrap}
.offer-pop .apply-area {position:relative}
.offer-pop .apply-area .child {height:40px;margin-bottom:12px}
.offer-pop .apply-area .label {float:left;width:97px;height:40px;line-height:40px;font-size:14px;color:#333}
.offer-pop .apply-area .desc {width:230px;height:40px;float:right;position:relative}
.offer-pop .apply-area .w-208 {width:208px;padding:11px 10px;font-size:12px;height:16px;line-height:16px;border:1px solid #ddd}
.offer-pop .apply-area .unit {position:absolute;right:8px;height:100%;top:0;color:#999;line-height:40px}
.offer-pop .apply-area .select {height:38px;width:68px;margin-right:10px;border:1px solid #ddd;float:left;position:relative;cursor:pointer}
.offer-pop .apply-area .select.last {margin-right:0}
.offer-pop .apply-area .select .text {position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;line-height:38px;text-indent:10px}
.offer-pop .apply-area .select i {display:block;width:8px;height:5px;background:url(../images/selecticon.png) no-repeat;position:absolute;top:15px;right:8px}
.offer-pop .apply-area .select ul {display:none;position:absolute;left:-1px;top:38px;overflow:hidden;width:100%;z-index:2;border:1px solid #ddd}
.offer-pop .apply-area .select ul li {line-height:30px;height:30px;background:#fff;text-indent:10px}
.offer-pop .apply-area .select ul li a {display:block}
.offer-pop .apply-area .select ul li a:hover {background-color:#52a0e5;color:#fff}
.offer-pop .apply-area .btn-box {padding:23px 5px 0}
.offer-pop .apply-area .btn-box a {display:block;height:40px;line-height:40px;background-color:#ff5252;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;color:#fff;border-radius:4px;text-align:center;font-size:14px}
.offer-pop .apply-area .btn-box a:hover {background-color:#d00}
.offer-pop .apply-area .error {display:none;position:absolute;left:136px;bottom:40px;line-height:35px;height:35px;color:#d00}
.offer-pop .succ-area {display:none}
.offer-pop .succ-area .money-box {padding-left:50px;height:50px;line-height:50px;position:relative}
.offer-pop .succ-area .money-box span {position:absolute;left:0;top:0;font-size:40px;color:#333}
.offer-pop .succ-area .money-box .num {width:275px;height:48px;line-height:48px;background:#fff;border:1px solid #dbdbdb;text-align:center;color:#ff5252}
.offer-pop .succ-area .money-box strong {font-size:30px;font-family:arial;padding-right:18px}
.offer-pop .succ-area .s-tip {padding:20px 0 30px;line-height:24px;color:#333;font-size:12px}
.offer-pop .succ-area .w-tip {text-align:center;line-height:36px;font-size:12px;color:#ff5252}
.offer-pop .succ-area .succ-btn {display:block;width:100%;background-color:#ff5252;font-size:18px;color:#fff;height:40px;line-height:40px;text-align:center;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.offer-pop .succ-area .succ-btn:hover {background-color:#d00}
.vlog-area {display:none;font-family:"微软雅黑";width:480px;height:280px;position:fixed;left:50%;top:50%;margin:-135px 0 0 -240px;z-index:1000}
.vlog-area .close-btn {display:block;width:16px;height:16px;background:url(../images/newly_icon.png) -86px -484px no-repeat;position:absolute;top:20px;right:20px}
.vlog-area .desc {position:absolute;top:100px;left:50px}
.vlog-area dl dt {font-size:18px;color:#be9954;padding-bottom:10px}
.vlog-area dl dd {font-size:14px;color:#514a43;line-height:26px}