body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,menu,footer,header{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ellipsis2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.ellipsis3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} 
.index-maintop { width: 100%; background: #fff; margin-top: 10px; display: table;  }
.index-maintop .searchbox { width: 702px; margin: 20px auto 0; background: #fff; display: table; height: 40px; border: 1px solid #ffb137;position: relative;  }
.index-maintop2 { background: url('../images/justeasy/bg.png') bottom center no-repeat; padding-bottom: 45px;margin-top: 0; }
.index-maintop .searchbox .searchbox-fl { position: relative; width: 105px; text-align: center; cursor: pointer;}
.index-maintop .searchbox .searchbox-fl .fa { margin-left: 4px; }
.index-maintop .searchbox .searchbox-fl .stxt { line-height: 40px; /*background: #f5f5f5;*/ border-radius: 40px 0 0 40px;}
.index-maintop .searchbox .searchbox-mid { width: 504px; height: 32px; padding: 4px 0; background: url(../images/justeasy/line-l.png) left 12px no-repeat;  position: relative; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.index-maintop .searchbox .searchbox-mid .text-lg { padding-right: 52px }
.searchbox-mid .soutu-btn { position: absolute; right: 10px; top: 8px; background: url(../images/justeasy/icon-camer2.png) center no-repeat; display: block; width: 28px; height: 24px; cursor: pointer; }
.searchbox-mid .soutu-btn:hover { background-image: url(../images/justeasy/icon-camer2-h.png); }
.text-lg { background: none; width: 100%; line-height: 32px; height: 32px; padding: 0 10px; }
.index-maintop .searchbox .searchbox-fr { /*background-image: -webkit-linear-gradient(to right, #ffad12, #f29e51);
    background-image: linear-gradient(to right, #ffad12, #f29e51);*/ width: 90px; height: 40px; border-radius: 0 40px 40px 0; background: #fba70a  }
.index-maintop .searchbox .searchbox-fr .btn-submit { width: 100%; height: 100%; background: url(../images/justeasy/icon-search-l.png) center no-repeat; cursor: pointer; }
.index-maintop .searchbox .showbox2 { width: 105px; top: 40px; z-index: 9; min-width: 0 }
.index-maintop .searchbox .showbox:after,.index-maintop .searchbox .showbox:before { left: 40px; }
.index-maintop .searchbox .showbox2 ul li { line-height: 36px; }
.index-maintop .searchbox .showbox2 ul li:hover { background: #eee; color: #ff8d1c}
.searchbox-mid .ui-autocomplete{  width: 505px !important; left: 0 !important; cursor:default; border: none; background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,.2) }
.index-maintop .searchbox .upload-btn { position: absolute;z-index: 2;right: -150px;top: 0;width: 130px;border-radius: 36px;height: 40px;line-height: 40px; }
.index-maintop .searchbox .upload-btn .btn { width: 130px;border-radius: 36px;height: 40px;line-height: 40px; }
.index-maintop .m { position: relative; }
.index-maintop .bwmx { position: absolute; width: 146px; height: 100px; background: url(../images/bwmx.gif) center no-repeat; display: block; text-indent: -9999px; right: 55px; }

.hotwords { width: 100%; display: table; text-align: center; padding-bottom: 10px; }
.hotwords ul li { display: inline-block; margin: 0 6px; line-height: 40px; cursor: pointer; position: relative; }
.hotwords ul li a {color: #666}
.hotwords ul li a:hover {color: #ff8d1c}
.hot-more { width: 1020px!important; background: #fff; left: -745px!important; text-align: left!important; padding:20px 15px 10px 15px; display: none; z-index: 9}
.hotwords ul li:hover .hot-more { display: block; }
.hotwords ul li .hot-more ul { max-height: 170px; overflow: hidden;padding-bottom: 10px; }
.hot-more:after, .hot-more:before { left: 772px!important; content: ""; display: block; }
.hot-more ul li { background: #f5f5f5; color: #333; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0 15px; margin-bottom: 10px; line-height: 24px; height: 24px; overflow: hidden; display: inline-block; float: left;}

.hot-more ul li a { font-size: 12px; display: block; line-height: 24px;  }


.flexslider { position: relative; height: 540px;overflow: hidden;zoom: 1; z-index: 2}
.flexslider .slides li {width: 100%;height: 100%;}
.flexslider .slides li a { width: 100%; height:100%; display: block; }
.flexslider .slides li a img { width: 100%; height: 100%; }
.flex-direction-nav a {width: 25px; height:42px; line-height: 99em; overflow: hidden;  display: block; background: url(../images/justeasy/icon-left.png) no-repeat; position: absolute; top: 249px; z-index: 1000000; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px;}
.flex-direction-nav .flex-prev {left: 10px; }
.flex-direction-nav .flex-next {background:url(../images/justeasy/icon-right.png); right: 10px; }
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;margin-left: 8px;}
.flex-control-paging li a {float: left; width: 28px; height: 28px; line-height: 28px; color: #fff; cursor: pointer;display: block; overflow: hidden; background: rgba(0,0,0,.3);-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;transition: width .3s;-moz-transition: width .3s;-webkit-transition: width .3s;-o-transition: width .3s}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background: rgba(0,0,0,.9) !important; }


.notice-title {  margin-top: 30px!important; display: table; }
.notice-title ul { background: #f5f5f5; border-radius: 20px; color: #333; width: 1010px; padding:8px 15px }
.notice-title a { color: #ee7800 }
a.link-update { font: bold 20px/38px "Microsoft YaHei"; color: #333; background: url(../images/justeasy/icon-link.png) right no-repeat; padding-right: 50px; }
a.link-update:hover { color: #e70 }

.model-fenlei { width: 100%; display: table; margin: 20px 0 }
.model-fenlei ul { margin-left: -10px; }
.model-fenlei ul li { float: left; margin-left: 10px; width: 292px; height: 90px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding:15px 20px ; background: #f5f5f5}
.model-fenlei ul li a { width: 100%; height: 100%; display: block; }
.model-fenlei ul li .icon { width: 56px; height: 62px; display: block; float: left; margin-right: 16px }
.model-fenlei ul li .details { width: 175px;}
.model-fenlei ul li .details p { color: #666 }
.model-fenlei ul li h4 { font-size: 16px; font-weight: bold;  margin: 5px 0; }
.icon-nhy { background: url(../images/justeasy/icon-nhy.png) center no-repeat; }
.icon-ms { background: url(../images/justeasy/icon-ms.png) center no-repeat; }
.icon-pp { background: url(../images/justeasy/icon-pp.png) center no-repeat; }
.icon-xs { background: url(../images/justeasy/icon-xs.png) center no-repeat; }
.bgbox1 { background: #fff0f0 }
.bgbox2 { background: #e4f5ff }
.bgbox3 { background: #e8ecff }
.bgbox4 { background: #fff2d8 }

.model-title { width: 100%; display: table; margin: 30px 0 10px; position: relative;}
.model-title h3 { font-size: 24px; font-weight: bold; margin-bottom: 10px }
.model-title span { color: #666; text-transform: uppercase; font-size: 12px }

.model-icons { width: 100%; display: table; margin-bottom: 30px }
.model-icons ul {  }
.model-icons ul li { width: 120px; height: 120px; float: left; text-align: center; }
.model-icons ul li:hover { box-shadow: 0 0 4px rgba(0,0,0,.3) }
.model-icons ul li a { width: 100%; height: 120px; display: block;  }
.model-icons ul li a .icon { width:60px; height: 50px; display: block; margin: 20px auto 0 }
.icon-shafa { background: url(../images/justeasy/icon-shafa.png); }
.icon-yizi { background: url(../images/justeasy/icon-yizi.png); }
.icon-dengju { background: url(../images/justeasy/icon-dengju.png); }
.icon-chuangju { background: url(../images/justeasy/icon-chuangju.png); }
.icon-zhuoji { background: url(../images/justeasy/icon-zhuoji.png); }
.icon-chugui { background: url(../images/justeasy/icon-chugui.png); }
.icon-chuangju { background: url(../images/justeasy/icon-chuangju.png); }
.icon-shipin { background: url(../images/justeasy/icon-shipin.png); }
.icon-jiudian { background: url(../images/justeasy/icon-jiudian.png); }
.icon-chuwei { background: url(../images/justeasy/icon-chuwei.png); }
.icon-wujin { background: url(../images/justeasy/icon-wujin.png); }
.icon-huacao { background: url(../images/justeasy/icon-huacao.png); }
.icon-qixie { background: url(../images/justeasy/icon-qixie.png); }
.icon-jiazhuang { background: url(../images/justeasy/icon-jiazhuang.png); }
.icon-quanjing { background: url(../images/justeasy/icon-quanjing.png); }
.icon-canyin { background: url(../images/justeasy/icon-canyin.png); }
.icon-gonggong { background: url(../images/justeasy/icon-gonggong.png); }
.icon-bangong { background: url(../images/justeasy/icon-bangong.png); }
.icon-shangye { background: url(../images/justeasy/icon-shangye.png); }
.icon-jianzhu { background: url(../images/justeasy/icon-jianzhu.png); }
.icon-renwu { background: url(../images/justeasy/icon-renwu.png) center no-repeat; }

.model-icons ul li:hover .icon-shafa { background: url(../images/justeasy/icon-shafa-h.png); }
.model-icons ul li:hover .icon-yizi { background: url(../images/justeasy/icon-yizi-h.png); }
.model-icons ul li:hover .icon-dengju { background: url(../images/justeasy/icon-dengju-h.png); }
.model-icons ul li:hover .icon-chuangju { background: url(../images/justeasy/icon-chuangju-h.png); }
.model-icons ul li:hover .icon-zhuoji { background: url(../images/justeasy/icon-zhuoji-h.png); }
.model-icons ul li:hover .icon-chugui { background: url(../images/justeasy/icon-chugui-h.png); }
.model-icons ul li:hover .icon-chuangju { background: url(../images/justeasy/icon-chuangju-h.png); }
.model-icons ul li:hover .icon-shipin { background: url(../images/justeasy/icon-shipin-h.png); }
.model-icons ul li:hover .icon-jiudian { background: url(../images/justeasy/icon-jiudian-h.png); }
.model-icons ul li:hover .icon-chuwei { background: url(../images/justeasy/icon-chuwei-h.png); }
.model-icons ul li:hover .icon-wujin { background: url(../images/justeasy/icon-wujin-h.png); }
.model-icons ul li:hover .icon-huacao { background: url(../images/justeasy/icon-huacao-h.png); }
.model-icons ul li:hover .icon-qixie { background: url(../images/justeasy/icon-qixie-h.png); }
.model-icons ul li:hover .icon-jiazhuang { background: url(../images/justeasy/icon-jiazhuang-h.png); }
.model-icons ul li:hover .icon-quanjing { background: url(../images/justeasy/icon-quanjing-h.png); }
.model-icons ul li:hover .icon-canyin { background: url(../images/justeasy/icon-canyin-h.png); }
.model-icons ul li:hover .icon-gonggong { background: url(../images/justeasy/icon-gonggong-h.png); }
.model-icons ul li:hover .icon-bangong { background: url(../images/justeasy/icon-bangong-h.png); }
.model-icons ul li:hover .icon-shangye { background: url(../images/justeasy/icon-shangye-h.png); }
.model-icons ul li:hover .icon-jianzhu { background: url(../images/justeasy/icon-jianzhu-h.png); }
.model-icons ul li:hover .icon-renwu { background: url(../images/justeasy/icon-renwu-h.png) center no-repeat;  }

.model-title2 { width: 100%; display: table; margin-bottom: 15px; position: relative; }
.model-title2 h3 { display: inline-block; font-size: 18px; }
.model-title2 .model-title2-fr {}
.model-title2 .model-title2-fr ul li,.model-title3 ul li {display: inline-block; cursor: pointer;}
.model-title2 .model-title2-fr ul li.active,.model-title3 ul li.active,.model-title2 .model-title2-fr ul li:hover,.model-title3 ul li:hover {color: #e70}
.model-title2 .model-title2-fr ul li+li:before,.model-title3 ul li+li:before {color: #ccc; content: "|";padding: 0 15px }
.model-list { width: 100%; display: table; margin-bottom: 20px; }
.lyui-piclist .info { width: 100%; display: table; color: #666; margin-top: 4px }
.lyui-piclist .info .details-fr span { color: #999; min-width: 10px; display: inline-block; }
.lyui-piclist .info .details-fr .icon { width: 20px; height: 18px; display: inline-block; margin-right: 2px; margin-top: 3px; vertical-align: sub }
.icon-eye {background: url(../images/new/icon-eye.png) center no-repeat; }
.icon-download {background: url(../images/new/icon-download.png) center no-repeat; }

.model-title3 { width: 100%; display: table; position: relative; margin-bottom: 20px}
.model-more { position: absolute; right: 0; bottom: 0 ;}
.model-more a { color: #999 }
.model-more i { display: inline-block; border-radius: 4px; background: #e6e6e6; color: #666; width: 24px; height: 24px; margin-left: 8px; line-height: 24px; text-align: center;  }
.model-more a:hover { color: #e70 }

.model-title4 { width: 100%; position: relative; display: table; margin-bottom: 20px }
.model-title4 .selectbox { width:80px; height: 32px; border: 1px solid #ccc; padding: 0 10px  }
.month_list { width: 1010px; }
.month_list li { float: left; margin: 0 10px; cursor: pointer; line-height: 30px; padding: 0 10px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px;}
.month_list li.active { background: #ff8d1c; color: #fff }


.brand-logos-list { width: 100%; display: table;  background: #fff;}
.brand-logos-list ul.brand-logosbox { margin-left: -20px; }
.brand-logos-list ul li.list { padding: 13px; background: #fff; width:285px; height: 422px; float: left; margin-left: 20px; margin-bottom: 20px; text-align: center; cursor: pointer; }
.brand-logos-list ul li.list .pic { width: 100%; height: 257px; display: table; }
.brand-logos-list ul li.list .pic ul { margin-left: -3px; margin-top: -3px; }
.brand-logos-list ul li.list .pic li { width: 127px; height: 127px; float: left; margin-left: 3px; margin-top: 3px; }
.brand-logos-list ul li.list .pic li img { width: 100%; height: 100% }
.brand-logos-list ul li.list h4 a { color:#666 ; width:259px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.brand-logos-list ul li.list h3 a { font: normal 16px/32px "Microsoft YaHei" ;width:259px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.brand-logos-list ul li .logo-ss { width: 100px; height:74px; margin: 0 auto 0;  }
.brand-logos-list ul li .logo-ss img { width: 100%; height: 100% }
.brand-logos-list ul li .address { color: #999; display: table; text-align: center; width: 100%; margin-bottom: 10px; }
.brand-logos-list ul li .address i { margin-right: 5px;}
.brand-logos-list ul li .brand-name { width: 259px; height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; margin: 5px 0 0}




.famous-teacher-pic { padding:0 25px;  background: #fff; margin-bottom: 30px; zoom: 1; position: relative;}
.famous-teacher-pic .famous-teacher-list { width: 100%; display: table; padding:25px 0 15px;}
.famous-teacher-pic .famous-teacher-list h3 {  font: normal 16px/32px "Microsoft YaHei"; }
.famous-teacher-pic .famous-teacher-list h3 a { display: block; width: 210px;}
.famous-teacher-pic .famous-teacher-list .name { font: normal 16px/24px "Microsoft YaHei"; color: #333; text-align: center}
.famous-teacher-pic .famous-teacher-list .name:hover { color: #e70}
.famous-teacher-pic .famous-teacher-list .teachers-pics .name { font: normal 14px/24px "Microsoft YaHei"; color: #666; text-align: left;}
.famous-teacher-pic .famous-teacher-list .teachers-pics a:hover .name{ color: #e70!important}
.famous-teacher-pic .famous-teacher-list:nth-child(even) { border-bottom: none; }
.teachers-pics { width: 915px; float: right; height: 266px; overflow: hidden;}
.teachers-pics ul { margin-left: -25px; }
.teachers-pics ul li { width: 210px; float: left; margin-left: 25px; }
.teachers-pics ul li .pic { width: 210px; height: 210px;}
.teachers-pics ul li .pic a { width: 210px; height: 210px; display: block; overflow: hidden; }
.teachers-pics ul li .pic a img { width: 100%; height: 100%; }
.famous-teacher-pic .teachers { width: 220px; display: table; padding-bottom: 10px; margin-top: 10px; margin-right: 10px }
.famous-teacher-pic .teachers .pic {  margin: 0 auto; display: block; }
.famous-teacher-pic .teachers .pic a { width: 98px; height: 98px; margin: 10px auto;  display: block; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;} 
.famous-teacher-pic .teachers .pic a img { width: 100%; height: 100% }
.famous-teacher-pic .teachers .address { color: #999; margin: 0 0 15px 0;display: table; width: 100%; text-align: center; padding-bottom: 10px;  border-bottom: 1px solid #eee;}
.famous-teacher-pic .teachers .address i { margin-right: 4px;}
.famous-teacher-pic .teachers .stxt { height: 72px; line-height: 24px; overflow: hidden; color: #666; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.famous-teacher-pic .teachers .stxt:hover { color: #e70}


.famous-teacher-pic .slides li.list { width: 100%; display: table}

.famous-teacher-pic .flex-direction-nav a {width: 26px;height: 48px;line-height: 99em;overflow: hidden;display: block; position: absolute;top: 50%; margin-top: -24px; z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;}
.famous-teacher-pic:hover .flex-direction-nav a { opacity: 1; }
.famous-teacher-pic .flex-direction-nav .flex-prev { background: url(../images/icon-left-new.png) center no-repeat; left: -50px;}
.famous-teacher-pic .flex-direction-nav .flex-next { background: url(../images/icon-right-new.png) center no-repeat; right: -50px}
.famous-teacher-pic .flex-control-nav { width: 100%;position: absolute;bottom: 25px;text-align: center;}
.famous-teacher-pic .flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;margin-left: 10px;}
.famous-teacher-pic .flex-control-paging li a {float: left; width: 10px; height: 10px; cursor: pointer;display: block; overflow: hidden;text-indent: -99em; background: #bdbdbd;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;transition: width .3s;-moz-transition: width .3s;-webkit-transition: width .3s;-o-transition: width .3s}
.famous-teacher-pic .flex-control-paging li a.flex-active,.flex-control-paging li.active a {background: #939393 !important; }


.reward-wrapper {  }
.reward-wrapper ul { margin-left: -20px; }
.reward-wrapper ul li { width:284px; height: 320px;   float: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;  overflow: hidden; margin: 0 0 0 20px; background: #fff; -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.1); box-shadow:0 3px 3px rgba(0,0,0,0.1); margin-bottom: 20px; }
.reward-wrapper ul li .pic { width: 285px; height: 213px; }
.reward-wrapper ul li .pic a { width: 285px; height: 213px; display: block; overflow: hidden; }
.reward-wrapper ul li .pic a img { width: 100% }
.reward-wrapper .reward-details  { width: 100%; padding: 5px 15px; display: table; }
.reward-wrapper .reward-details h3 { width: 160px; float: left; }
.small-btn { display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color: #fff;  font-size: 12px; line-height: 18px; padding: 2px 6px}
.reward-wrapper .reward-details h3 a { width: 160px; height: 30px; display: block;  }
.reward-wrapper .reward-details .reward-details-t { border-bottom: 1px solid #eee; display: table; width: 100%; padding: 2px 0}
.reward-wrapper .reward-details .reward-details-b { color: #999; font-size: 12px; line-height: 30px }
.reward-wrapper .reward-bottom { background: #f5f5f5; width: 100%; padding:6px 15px; display: table; }
.reward-wrapper .reward-bottom .reward-bottom-fr { padding-left: 15px; border-left: 1px solid #e8e8e8; }
.reward-wrapper .reward-bottom .reward-bottom-fr .org { font-weight: bold; }
i.icon-reward { width:18px; height: 18px; float: left; display: inline-block; background: url(../images/icon-reward.png) center no-repeat; margin: 4px 5px 0 0; }
.sbtn-blue { background: #67a2e6 }
.sbtn-green { background: #66c27b }
.sbtn-red { background: #fd494c }
.sbtn-default { background: #bbcdd9 }
.btn-org-b { background: #fbdec2; border: 1px solid #e70; color: #e70; padding: 4px 10px; }
.upload-btn { position: absolute; right: 120px; top: 0 }

.rank-income { display: table; }
.rank-income li { width: 80px;min-height: 360px; float: left; text-align: center; position: relative; }
.rank-income li .list { position: absolute; bottom: 0; left: 0;width: 70px;   }
.rank-income span { display: block; }
.rank-income .income { font: normal 12px/24px "Microsoft YaHei"; color: #ff9900; }
.rank-income .number { font: normal 14px/24px "Microsoft YaHei"; color: #333;  background: #ffcc00; width: 27px; height: 24px; margin: 0 auto; }
.rank-income .cylindrical { margin: 0 auto;width: 27px; background: #e4e4e4   }
.rank-income .photo { width: 48px; height:48px; overflow: hidden;margin: 0 auto; border-radius: 50%; border:4px solid #f8f8f8 }
.rank-income .photo .photo-b { border: 4px solid #ccc; width: 40px; height: 40px; border-radius: 50%; display: block; overflow: hidden;}
.rank-income .photo img { width: 100% ; height: 100%;}
.rank-income .name { font-size: 12px; color: #333; height: 24px; }
.rank-income li .number { width: 43px; height: 41px; background: url(../images/rank-hs.png) center no-repeat; margin: 0 auto -4px;font: bold 18px/38px "Microsoft YaHei"; color: #fff;  }
.rank-income .cylindrical { width: 22px; background: url(../images/rank-line-h.jpg) repeat-y;}
.rank-income li.no1 .number { background: url(../images/rank-yellow.png) center no-repeat; }
.rank-income li.no2 .number { background: url(../images/rank-red.png) center no-repeat; }
.rank-income li.no3 .number { background: url(../images/rank-blue.png) center no-repeat; }
.rank-income li.no1 .cylindrical { background: url(../images/rank-line-y.jpg) repeat-y;}
.rank-income li.no2 .cylindrical { background: url(../images/rank-line-r.jpg) repeat-y;}
.rank-income li.no3 .cylindrical { background: url(../images/rank-line-b.jpg) repeat-y;}
.rank-income li.no2 .income { color: #f47b87}
.rank-income li.no3 .income { color: #74ccc3}
.nhy-ban100 { width: 1200px; margin: 20px auto; background: url(../images/nyh-banner100.png) center no-repeat; height: 198px; position:relative;}
.nhy-ban100 .num { position: absolute; left: 603px; top: 76px; font: bold 24px/28px "Microsoft YaHei"; color: #fff; width: 66px; text-align: center; }

.rank-income-btn { width: 1200px; margin: 10px auto; display: table;}
.rank-income-btn .btn-org-b { background: #fbdec2; border: 1px solid #e70; color: #e70; padding: 4px 10px;}
.rank-income-btn .btn-org-b:hover { background: #f6d0ac; color: #e70;}

.links {margin-bottom: 50px!important; display: table; }
.links ul li { margin-right: 24px; float: left; }


.icon-left-top {  position: absolute; top:0; left: 0;  }
.icon-left-top  .icon-vip {width: 92px; height: 92px; display: block; background: url(../images/new/icon-vip92.png); }
.icon-left-top  .icon-free {width: 107px; height: 98px; display: block; background: url(../images/icon-jrmf.png); }


/*顶部广告*/
.top-img{width:100%;height:80px; position: relative;}
.top-img a{width:100%;height:80px;display:block;position:absolute;top:0;right:0;background:url('//res1.justeasy.cn/images/christmas/christmas02.jpg') center no-repeat;z-index:9}
.top-close{position:relative}
.icon-top-close{position:absolute;top:0;right:0;display:block;background:url('//res1.justeasy.cn/images/icon-top-close2.png') center no-repeat;width:37px;height:37px;z-index:10;cursor:pointer}
.icon-top-close:hover{background:url('//res1.justeasy.cn/images/icon-top-close2-h.png') center no-repeat}




.nodata { width: 100%; display: table; text-align: center;  margin: 100px auto}
.nodata .nodata-pic { background: url(../images/new/nodata.png) center no-repeat; width: 172px; height: 172px; margin: 0 auto}
.nodata .txt { color: #999; font:normal 18px/40px "Microsoft YaHei"; }
.nodata .txt a { text-decoration: underline; color: #e70 }




.software-main { width: 100%; display: table; }
.software-mleft { width: 185px; background: #fff; padding-top: 5px; min-height: 400px; }

.btn-black-b { border: 1px solid #000 }

.software-tab { width: 100%; display: table; margin: 20px 0 }
.software-tab ul li { width: 140px; height: 50px; background: #e6e6e6; float: left; margin-right: 20px; border-top: 2px solid #e6e6e6; }
.software-tab ul li.active { background: #fff; border-top-color: #ff8d1c }
.software-tab ul li a {  line-height: 50px; display: block; text-align: center; font-size: 16px; }
.software-tab ul li.active a { color: #ff8d1c }

.software-title { width: 100%; display: table; margin-bottom: 20px;}
.software-title .software-tfl { font-size: 24px; color: #666 }
.software-title .software-tfl span { font-size: 14px; margin-left: 5px}


.software-mleft ul li { width: 100%; display: table; height: 50px; line-height: 50px; border-left: 2px solid transparent; padding-left: 30px; cursor: pointer; }
.software-mleft ul li.active { border-color: #ff8d1c; font-weight: bold; background: #f5f5f5}
.software-mleft ul li:hover { color: #ff8d1c}

.software-mright { width: 994px;  }

.software-list { width: 100%; background: #fff; padding: 20px;}
.software-list ul li { width: 100%; display: table; margin-bottom: 20px; background: #fafafa; padding: 20px; border-radius: 4px}
.software-list ul li:last-child { margin-bottom: 0 }
.software-list .software-icon { width: 100px; height: 100px; display: block; overflow: hidden; margin-right: 10px;}
.software-list .software-icon img { max-width: 100%; min-height: 100% }
.software-list .details { width: 640px; }
.software-list .details h3 a { font-size: 18px; }
.software-list .details p { color: #666; height: 48px; overflow: hidden; }
.software-list .details .details-b { font-size: 12px; margin-top: 5px }
.software-list .details .details-b span { margin-right: 35px; }
.software-list .download { margin-top: 30px; }
.software-list ul li.nobg { background: none; padding: 0 }

.details-bg { min-width: 380px; padding:10px 0; margin-top: 10px ; display: table; }
.details-bg span { display: inline-block; width: 50%; text-indent: 20px; float: left; color: #666 }
.icon-cloud { width: 26px; height: 22px; background: url(../images/cloud-download.png) no-repeat; display: inline-block; vertical-align: sub; margin-right: 5px;  }
.btn-cloud { padding: 2px 20px; font-size: 16px }
.btn-cloud span { display: inline-block; }

.software-info { width: 100%; display: table; padding: 20px 10px; background: #fff; margin-top: 20px; }
.title-org { width: 100%; font-size: 18px; line-height: 18px; padding-left: 10px; border-left: 2px solid #e70; }
.software-info .txt img { max-width: 100%  }

.software-slist { width: 100%; display: table; }
.software-slist ul li { background: #f5f5f5; width: 306px; height: 42px; margin-right: 20px; padding: 8px 10px; display: table; margin-top: 20px; float: left;}
.software-slist ul li:nth-child(3n+0) { margin-right: 0 }
.software-slist ul li .slogo { width: 22px; height: 22px;margin-right: 10px }
.software-slist ul li .slogo img { max-width: 100%; min-height: 100%; }
.software-slist ul li:hover { color: #ff8d1c }
.software-slist ul li .btn { display: none; }
.software-slist ul li:hover .btn { display: block; }

.software-slist ul li .name { width: 180px; }
.software-slist ul li .name a { max-width: 180px; display: block; }

.public-place { margin: 10px auto; display: table; color: #666; width: 1200px }
.model-list .lyui-pic { width: 285px;  height: 285px;position: relative; }
.model-list .lyui-pic .cover2 { position: absolute;width: 100%;bottom: 0;left: 0;z-index: 2;height: 50px;display: none; }
.model-list .lyui-pic .cover2 .btn { width: 50%;height: 50px;line-height: 50px;color: #fff;font-size: 16px;text-align: center;border-radius: 0; }
.model-list .lyui-pic .cover2 .btn-red { background: #ff3a3a; }
.model-list .lyui-pic .cover2 .btn-red:hover {background: #ca0404;}
.model-list .lyui-pic:hover .cover2 { display: block; }

/*/广告/*/
.img-banner { display: table; margin-bottom: 20px!important; }
.img-banner ul { margin-left: -20px }
.img-banner ul li { width: 590px; height: 100px; margin-left: 20px ; float: left;}
.img-banner ul li a { width: 100%; height: 100%; overflow: hidden; display: block; }




/*弹框*/
.icon-top-closes:hover { background: url(../images/icon-top-close-h.png) center top no-repeat; }
.icon-top-closes { background: url(../images/icon-top-close.png) center top no-repeat; position:absolute;top:0;right:0;display:block;width:37px;height:37px;z-index:10;cursor:pointer }
.countdown { background: #bfbaba; color: #fff; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; right: 300px; top: 20px; position: absolute; display: inline-block; padding: 4px 20px;  }
.public600 { width: 600px; height: 400px; position: fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -300px; z-index: 7; background-position: center; background-repeat: none; }
.public600 a { width: 100%; height: 100%; display: block; }
.public600 .icon-top-closes { top: 10px; right: 0; }
.public600 .countdown  { right: 40px; top:10px; background: rgba(0,0,0,.5); padding: 4px 12px }

.public600 .countdow-num { width: 100%; text-align: center; color: #632c1c; font-size: 28px; font-weight: bold; margin-top: 250px; line-height: 40px;}
.public600 .countdow-num span { margin: 0 2px; display: inline-block; background: #fff; color: #632c1c; border: 1px solid #632c1c; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; min-width:46px; min-height: 40px; text-align: center; line-height: 40px;  }




/*新增部分*/
 .clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
 .clearfix{zoom:1}
.box-sizing {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.border-radius3 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.border-radius50 {-webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; -ms-border-radius: 50% 50%; -o-border-radius: 50% 50%; border-radius: 50% 50%;} 
.text-center {text-align: center;}
.none {display: none;}
.ellipsis {overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}



.nhy-banner {width: 100%;height: 680px; background:url(../images/nhy/bg.jpg)  no-repeat; margin-bottom: 40px;}
.nhy-banner-m {padding-top:52px;padding-left:  62px ;box-sizing: border-box;}
.nhy-banner-m .nhy-vip {width:1095px ; height: 320px; background: url(../images/nhy/banner-bg2.png) center center no-repeat;}

.vip-user .vip-user-title {height: 118px;width: 280px;} /*未登陆部分的头部*/
.vip-user .vip-user-title h2 {color: #c9a276;font-size: 40px;font-weight: bold;height: 56px;}

.vip-user .get-vip-user-title {height: 118px;}/*登陆部分的头部*/
.vip-user .get-vip-user-title .title-left {width: 80px;height: 80px;overflow: hidden;margin-right: 20px;margin-left: -30px}
.vip-user .get-vip-user-title .title-left img {width: 80px;height: 80px;}
.vip-user .get-vip-user-title .title-right {color: #333;width: 180px;}
.vip-user .get-vip-user-title .title-right h4 {font-size: 20px;color: #333;font-weight: bold;margin-bottom: 20px;height: 30px;line-height: 30px;}
.vip-user .get-vip-user-title .title-right p { height: 20px;line-height: 20px;}
.vip-user .btn-open {margin-top: 10px;margin-left: 15px}
.vip-user .btn-open a{width: 164px; display: block;height: 50px; line-height: 50px;
box-shadow: 4px 4px 10px #ccc;
 -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;background:linear-gradient(to right,#d3b38c,#c09161);text-align: center;color: #fff; font-size: 20px;cursor: pointer;} 

.vip-user2-box {padding-top: 54px;}
.vip-user2 {padding-top:20px;padding-left: 50px;width: 720px;}
.vip-user2 .item {float: left;margin-right: 70px;text-align: left;width: 84px;}
.vip-user2 .item-box {width: 80px;height: 80px; background: linear-gradient(to right,#d2b28a,#c09363);  } 
.vip-user2 .item .pic {width: 80px;height: 80px;margin-bottom: 20px;}
.vip-user2 .item .pic1 { background: url(../images/nhy/icon-free.png) center center no-repeat;}
.vip-user2 .item .pic2 { background: url(../images/nhy/icon-split.png) center center no-repeat;}
.vip-user2 .item .pic3 { background: url(../images/nhy/icon-print.png) center center no-repeat;}
.vip-user2 .item .pic4 { background: url(../images/nhy/icon-gift.png) center center no-repeat;}
.vip-user2 .item .free {font-size: 18px;color: #c9a277;font-weight: bold;height: 40px;line-height: 40px;width: 100%;text-align: center;}
.vip-user2 .item .model {font-size: 16px;color: #c9a277;height: 20px;line-height: 20px;width: 100%;text-align: center;}

.vip-user2-box .vip-user2-top {height: 40px;}
.vip-user2-box  .vip-user2-top span {float: left;display: inline-block;font-size: 20px;color: #c9a276;font-weight: bold}
.nhy-banner-m .nhy-vip 	.vip-user {width: 360px;height: 320px; padding-left: 70px;padding-top: 60px;} 


.icon-vip-r {width: 280px;height: 20px;background: url(../images/nhy/icon-r2.jpg) center left no-repeat;margin-left: 10px;}

.icon-vip-l {width: 280px;height: 20px;background: url(../images/nhy/icon-l2.jpg) center right  no-repeat;margin-right: 10px;}


.nhy-gift {width: 1095px;height: 300px; background: url(../images/nhy/banner-bg4.jpg) center center no-repeat; margin-top: 10px;padding-left: 80px;padding-top: 20px;position:relative;}
.nhy-gift .gift-title { height: 50px; font-size: 28px; font-weight: bold; line-height: 50px;} 
.nhy-gift .gift-title .txt1 {color: #a56532;display: inline-block;}
.nhy-gift .gift-title .txt2 {color: #945228;display: inline-block;}

.nhy-gift  .gift-btn {margin-right: 70px; } /*未领取部分的按钮颜色*/
.nhy-gift  .gift-btn>span{width: 150px;height: 50px; line-height: 50px; background: #2e2c2f; display: block; color: #FFF; font-size: 20px; text-align: center;-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; cursor: pointer;}
.nhy-gift .get-gift-btn>span{background: #d1d1d1;color: #FFF;} /*领取部分的按钮颜色*/


/****弹出提示层*/
.dropdown-tip {padding-bottom: 30px; border-radius: 5px; background: #fff; z-index: 20;} 
.dropdown-tip .tip-title {height: 47px;line-height: 47px;border-bottom: 1px solid #e8e8e8;background: #f8f8f8}
.dropdown-tip .tip-title span {display: inline-block;padding-right: 20px;padding-left:30px;font-size: 16px;color: #333}
.dropdown-tip .tip-title span.close {cursor: pointer;background: url(../images/nhy/close.png) center no-repeat;width: 20px;height: 47px;}
.dropdown-tip .tip-content {padding-top: 30px;}
.dropdown-tip .tip-content p {font-size: 16px;line-height: 32px;color: #333;width: 100%;text-align: center;}
.dropdown-tip .tip-content .tip-btn { margin-top: 10px;text-align: center;width: 100%;}
.dropdown-tip .tip-content .tip-btn  .btn{ width: 100px;height: 40px;text-align: center;line-height: 40px;font-size: 16px;}
.dropdown-tip .tip-content .tip-btn  .btn a {display: block;width: 100px;height: 40px;text-align: center;line-height: 40px;font-size: 16px;}
.dropdown-tip .tip-content .tip-btn  .btn-open { border: 1px solid #ee7700;margin-right: 30px;}
.dropdown-tip .tip-content .tip-btn  .btn-open a {color: #ee7700 ; }
.dropdown-tip .tip-content .tip-btn  .btn-abandon{ color: #999 ;border: 1px solid #999}

.nhy-gift .gift-btmbox {margin-top: 30px;width:960px;overflow: hidden;}


.nhy-gift  .gift-btm {width:1020px;margin-top: 34px;}/*未领取样式*/
.gift-btm .item {float: left;width: 140px;height: 150px; background: url(../images/nhy/banner-bg4.png) center center no-repeat; margin-right: 60px;}
.gift-btm .item .item-top {width: 140px; height: 90px; padding-top: 20px;color: #c9a276; } 
.gift-btm .item .item-top .item-top1 {width: 90%;height: 42px;line-height: 42px;text-align: center;margin-left: 10px;} 
.gift-btm .item .item-top span {display:inline-block;}
.gift-btm .item .item-top .item-top1 span.money {font-size: 24px;height: 40px;line-height: 50px;}
.gift-btm .item .item-top .item-top1 span.txt {font-size:40px;font-weight: bold;}
.gift-btm .item .item-top .item-top1 span.pieces {font-size: 20px;line-height: 40px;padding-left: 4px;height: 40px;line-height: 50px;}
.gift-btm .item .item-top .item-top2 {height: 24px;line-height: 24px;text-align: center;color: #333;margin-top: 4px;}
.gift-btm .item  .item-btm {width: 140px;font-size:23px;color: #c9a276;text-align: center;overflow: hidden;}
.gift-btm .item  .item-btm p {height:60px;line-height: 60px;color: #333;}

/*领取之后的样式*/
.get-gift-btm .item {background: url(../images/nhy/banner-bg3.png) center center no-repeat;}
.get-gift-btm .item .item-top {color: #999; } 
.get-gift-btm .item .item-top .item-top2 {color: #999;}
.get-gift-btm .item .item-btm {color: #999;}
.get-gift-btm .item  .item-btm p {color: #999;}


.icon {display:inline-block;}
.icon-l { width: 23px;height: 50px;background: url(../images/nhy/icon-l.png) center center no-repeat;}
.icon-r { width: 297px;height: 50px;background: url(../images/nhy/icon-r.png) center center no-repeat;}
.nhy-gift .gift-title {}

.gift-btm {}
.gift-btm  .model {margin-left: 80px;margin-top: 50px;}
.gift-btm  .model .item {height: 140px;width: 150px;border: 1px solid red; margin-right: 50px;float: left;}
.item-model {color: #d1d1d1;font-size: 14px;;}
.nhy-panel {background: #f4f4f4;}
.nhy-title {} 
.nhy-title h2 {width: 100%;height: 110px;line-height: 110px;text-align: center;color: #333; font-size: 36px;}


.public-scroll {width: 100%;}
.public-scroll-zw { max-width: 100%;height: 60px;background: transparent; }
.fixed {position:fixed;border-bottom: 1px solid #f0f0f0;background: #fff;top:0px;z-index: 999;}
.fixed-none {position:static;border-bottom: none;background: none;z-index: 999;}
.public-scroll .content {height: 60px;line-height: 60px;z-index: 999}
.public-scroll .content .content-left .list span {display: inline-block;margin-right: 38px;height: 56px;line-height: 56px;cursor: pointer;}
.public-scroll .content .content-left .list span.active {color: #ee7700;  border-bottom: 2px solid #ee7700; }
.public-scroll .content .content-left  .input-text {height: 56px;line-height:56px;}
.public-scroll .content .content-left  .input-text  span {display: inline-block;margin-right: 40px;float: left;cursor: pointer;}
.public-scroll .content .content-left  .input-text  span label {margin-left: 4px;cursor: pointer;}
.public-scroll .content .content-m {height: 60px;}
.public-scroll .content .allkind {}
.public-scroll .content .allkind .item {float: left;color: #333;margin-right: 40px;;cursor: pointer;position: relative;}
.public-scroll .content .allkind .item  span {display: inline-block;height:56px;line-height: 56px;}
.public-scroll .content .allkind .item i {width: 9px;height: 8px;display: inline-block;background: url(../images/nhy/icon-dwon.png) top left no-repeat;} 
.public-scroll .content .allkind .item span.active {color:#ee7700;}
/*下来菜单部分的设置*/
.public-scroll .content .allkind .item .dropdown-list {width: 120px;top: 50px;position: absolute;background: #fff;border: 1px solid #f0f0f0;left: -20px;border-radius: 5px;padding: 10px 0;z-index: 4;display: none;}
.public-scroll .content .allkind .item .dropdown-list dt {height: 17px;width: 106px;}
.public-scroll .content .allkind .item .dropdown-list dd {height: 32px;line-height: 32px;color: #333;text-align: center;position: relative;}
.public-scroll .content .allkind .item .dropdown-list>dd:hover{color:#f78c00;}
.public-scroll .content .allkind .item .dropdown-list dd:hover{background:#fff0db;}
.public-scroll .content .allkind .item .dropdown-list dd>li {  }
.public-scroll .content .allkind .item .dropdown-list dd>li.active {color:#f78c00; }
.public-scroll .content .allkind .item .dropdown-list dd>li.active{color:#f78c00; }
.public-scroll .content .allkind .item .dropdown-list dd>li :hover {background:#fff0db;color:#f78c00;}
.public-scroll .content .allkind .item .dropdown-list dd.active {color:#f78c00;}
/*二级子菜单*/
.dropdown-two {width: 120px;position: absolute;left: 100px;background: #fff; border: 1px solid  #f0f0f0; top: 10px;z-index: 10;display: none;} 
.dropdown-two ol li {height: 32px;line-height: 32px;color:#333}
.dropdown-two ol li:hover{ background:#fff0db;}
.dropdown-two ol li:hover { color:#f78c00;}

.dropdown-two ol li.org { color:#f78c00;}
/*搜索框部分*/
.public-scroll .content .content-right {height: 60px;}
.search-border {height:32px;border:1px solid #f0f0f0;box-sizing:border-box;margin-top:12px;border-radius: 30px;}
/**/
.nhy-model {margin-top: 10px;}

.model-list { height: 540px;min-height: 540px !important; max-height: 768px; overflow: hidden;}
.model-list2 { height: auto; }
#picture {height: 540px;min-height: 540px !important}

.model-list .lyui-piclist .list .details h4 {width: 100%;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.model-results2 { margin-top: -540px;min-height: 540px}
.model-results .ico {margin-top: 30px}




/*filter*/
.model-filter { background: #fff; margin: 20px auto 0; display: table; padding-bottom: 10px; }

.model-filter-top { width: 100%; display: table; border-bottom: 1px solid #eee ; padding: 14px 0}
.model-filter .filterbox { width: 1085px; }

.model-filter-list { width: 100%; display: table; color: #808c95;  margin-top: 15px}
.model-filter-list .list ul li { float: left; margin-left: 5px; cursor: pointer; padding: 0 10px; margin-bottom: 5px; }
.model-filter-list .list ul li:hover { color: #e70 }
.model-filter-list .list ul li.active { background: #ff8d1c; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.model-filter-list .list ul li.active:hover { color: #fff }
.model-filter-list .list ul li.active a { color: #fff }

.model-filter-toplist ul li { float: left; margin-left: 5px; cursor: pointer; background: #efefef; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0px 24px 0px 15px; position: relative;}
.model-filter .stxt { width: 70px; margin-left: 40px; }
.icon-close-s { width:14px; height: 14px; background: url(../images/icon-close-ss.png) center no-repeat!important;display: block; }
.model-filter-toplist ul li .icon-close-s { position: absolute; top: 5px; right: 5px; }


.hx-model ul li h3 { display: table; margin-bottom: 5px}
.ml20 { margin-left: 20px; }
.hx-model ul li h3 a { max-width: 160px; }


.height768 { height: 765px; overflow: hidden; }
.height383 { height: 383px; overflow: hidden; }
.height360 { height: 330px; overflow: hidden; }
.mainbody { width: 1200px; margin:0 auto; }
.mainbody2 { background: #f5f5f5; }


/*设计百科样式*/
.encyclopedias { margin-top: 10px;width: 1200px;  }
.encyclopedias ul { width: 100%;padding: 20px;box-sizing: border-box;background: #fff; }
.encyclopedias ul .item { width: 50%; }
.encyclopedias ul .item:nth-child(2n+1) { padding-right: 10px;border-right: 1px dotted #f0f0f0; }
.encyclopedias ul .item:nth-child(2n) { padding-left: 10px; }
.encyclopedias ul .item a { display: block;width: 100%;line-height: 50px;box-sizing: border-box;font-size: 14px;color: #333;position:relative;background: #fff url(../images/justeasy/icon-q.png) 10px center no-repeat;border-radius: 4px;padding-right: 120px;padding-left: 36px; }
.encyclopedias ul .item a:hover { background: #f9f9f9  url(../images/justeasy/icon-q.png) 10px center no-repeat;border-radius: 4px; color: #ee7700; }
.encyclopedias ul .item a .question { position: absolute;height: 50px;position: absolute;right: 10px;top: 0;z-index: 2;background: url(../images/justeasy/icon-w1.png) left center no-repeat;width: auto;padding-left: 24px;line-height: 50px; }
.encyclopedias ul .item a:hover .question {background: url(../images/justeasy/icon-w2.png) left center no-repeat;width: auto; }

/*贴图部分*/
.map-left-nav { width: 100%;margin-top: 46px; }
.map-left-nav ul{ display: flex; flex-wrap: wrap;} 
.map-left-nav ul .nav-list {width: 50%; float: left;line-height: 28px;position: relative;min-height: 28px;margin-bottom: 16px; }
.map-left-nav ul .nav-list h3 { font-size: 14px;font-weight: bold;padding-right: 27px;position: relative;display: inline-block;max-width: 100px;position: relative;}
.map-left-nav ul .nav-list h3:before { color: #333; content: ">";position: absolute;right: 10px;top: 0;z-index: 2; } 
.map-left-nav ul .nav-list .fr-tit { max-width:510px;margin-left: -12px; }
.map-left-nav ul .nav-list .fr-tit span {padding-right: 12px; line-height: 28px;display: inline-block;background:url(../images/justeasy/line.jpg) right center no-repeat;padding-left: 12px;   }
.map-left-nav ul .nav-list .fr-tit span:first-child { padding-left: 0;text-indent: 12px; }
.map-left-nav ul .nav-list .fr-tit span:last-child { background:transparent; }

.tietu_classify { width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 30px 0; box-sizing: border-box; }
.tietu_classify ul li { width: 224px; height: 60px;  border: solid 1px #f0f0f0; border-radius: 4px; background: #fff; cursor: pointer;margin-right: 20px; }
.tietu_classify ul li a { display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box; padding-left: 30px;width: 100%;height: 60px; }
.tietu_classify ul li:last-child { margin-right: 0; }

.tietu_classify ul li .icon { display: block; width: 42px; height: 42px; margin-right: 20px; }
.icon-nice-products { background: url(../images/su-model/515_su_classify_1.png) center no-repeat; }
.icon-hrd { background: url(../images/justeasy/icon-hdr.png) center no-repeat;  }
.icon-jindian { background: url(../images/justeasy/icon-jindian.png) center no-repeat;  }
.icon-jifen { background: url(../images/justeasy/icon-jifen.png) center no-repeat;}
.icon-free { background: url(../images/justeasy/free.png)center no-repeat;  }
.tietu_classify ul li span { font-size: 20px;font-weight: bold;color: #333333; }
.tietu_classify ul li:hover {box-shadow: 0px 2px 14px 0px rgba(255, 141, 28, 0.4); border: solid 1px #ff8d1c;color:#ff8d1c  }
.tietu_classify ul li:hover span { color:#ff8d1c  }


@media screen and (min-width: 1500px) {
    .mainbody { width: 1500px;} 
    .notice-title ul { width: 1320px; } 
    .model-fenlei ul { margin-left: -16px }
    .model-fenlei ul li { width: 360px; margin-left: 16px; }
    .model-icons ul { margin-left: -30px }
    .model-icons ul li { margin-left: 30px; }
    .lyui-piclist { margin-left: -18px; }
    .lyui-piclist .list  { margin-left: 18px; }
    .img-banner ul li { width: 740px; }
    .rank-income li { width: 100px}
    .teachers-pics { width: 1160px; }
    .brand-logos-list ul li.list { margin-left: 80px; }
    .public-nav .item { margin:0 10px; }
    .encyclopedias,.tietu_classify { width: 1500px;  }
    .tietu_classify ul li { margin-right:80px;width: 236px;  }
    .map-left-nav ul .nav-list .fr-tit { max-width:546px;}
}

.soutu_title{width: 90px; height: 30px; background: rgba(0,0,0,0.65); border-radius: 2px; display: none; justify-content: center; align-items: center; color: #fff; position: absolute; top: 25px; left: -26px; z-index: 100; font-style: normal; } 
.soutu-btn:hover>.soutu_title{display: flex; }
.atlas_ul{width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } 
.atlas_li{width: 49%; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 20px; border-radius:4px; transition: all .2s linear; } .atlas_a{width: 100%; height: 100%; background: #fff; } 
.atlas_a>span:nth-of-type(1){width: 100%; height: 240px; border-radius: 4px 4px 0px 0px; background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; justify-content: center; align-items: center; } 
.atlas_span{width: 100%; height: 100px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 10px; } 
.atlas_span i{font-style: normal; height: 100%; } 
.atlas_span em{font-style: normal; } 
.atlas_span u{text-decoration: none; } 
.atlas_span strong{font-weight: normal; } 
.atlas_span>i:nth-of-type(1){display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; box-sizing: border-box; padding: 5px 0; margin-left: 10px; width:50% } 
.atlas_span>i:nth-of-type(1)>em:nth-of-type(1){font-weight: bold; color: #333333; font-size: 18px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } 
.atlas_span>i:nth-of-type(1)>em:nth-of-type(2){color: #999999; display: flex; justify-content: flex-start; align-items: center; } 
.atlas_span>i:nth-of-type(1)>em:nth-of-type(2)>u{display: flex; justify-content: flex-start; align-items: center; margin-right: 30px; } 
.atlas_span>i:nth-of-type(1)>em:nth-of-type(2)>u:nth-of-type(2)>strong:nth-of-type(1){display: flex; justify-content: center; align-items: center; width: 20px; height: 18px; background: url("/images/new/icon-eye.png") center no-repeat; background-size: contain; margin-right: 5px; } 
.atlas_span>i:nth-of-type(1)>em:nth-of-type(2)>u:nth-of-type(3)>strong:nth-of-type(1){display: flex; justify-content: center; align-items: center; width:18px; height:13px; background: url("/images/icon-sc55.png") center no-repeat; background-size: contain; margin-right: 5px; } 
.atlas_span>i:nth-of-type(2){display: flex; justify-content: flex-start; align-items: center; } 
.atlas_span>i:nth-of-type(2)>em{display: flex; justify-content: center; align-items: center; position: relative; width:84px; height:84px; border-radius:4px; overflow: hidden; margin-left: 10px; cursor: pointer; } 
.atlas_span>i:nth-of-type(2)>em>img{width:84px; height:84px; border-radius:4px; } 
.atlas_u{display: flex; justify-content: center; align-items: center; width:84px; height:84px; border-radius:4px; position: absolute; top: 0; left: 0; background:rgba(255,255,255,0.8); color: #333; } 
.atlas_li:hover {transform: translate3d(0,-2px,0); -webkit-transform: translate3d(0,-2px,0); -ms-transform: translate3d(0,-2px,0); -o-transform: translate3d(0,-2px,0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } 
.atlas_span>i:nth-of-type(1)>em:nth-of-type(1):hover{color: #ff8d1c !important; } 
.atlas_u:hover{color: #ff8d1c !important; }


@-webkit-keyframes warn{
    0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
    0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
    100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
    0%{-o-transform:scale(0);transform:scale(0);opacity:1}
    100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
    0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
    100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.show_case_details { color: #fff;font-size: 18px;display: block;height: 40px;line-height: 40px;text-align:right;width: 100%;position: relative;margin-bottom: 10px; }
.region-list{position:absolute;left:0;top:0}
.area-box .dot{position:absolute;left:12px;top: 16px;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-12px;left:-17px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.region-list.active .area-box .dot{background:#009fd9}
.region-list.active .area-box .pulse{border-color:#009fd9;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;-moz-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset}
.region-list.waite .area-box .dot{background:#f90}
.region-list.waite .area-box .pulse{border-color:#f90}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;color: #fff;font-size: 16px;display: block;height: 40px;line-height: 40px;text-align:right;width: 140px;z-index:66}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{opacity:1}
.area-box{z-index:77}
.show_case_details:hover .show-regin { color: #e70; }