.blue{color:#3e71f6}.Page{margin:0 auto;width:1200px}.Page.Max{min-width:1000px;width:90%}.Page.M764{width:764px}.white-open{background:#fff;display:none;height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:10}.blue-btn{background:#3e71f6;border:1px solid #3e71f6}.blue-btn:hover{background:#3477e6;border:1px solid #3477e6}.Header{background:#fff;box-shadow:0 3px 10px hsla(0,0%,40%,.03);display:flex;height:70px;justify-content:center;min-width:1200px;position:relative;z-index:21}.fgline{background:#333;display:inline-block;height:11px;margin:29px 4px 0;transform:rotate(22.5deg);width:1px}.Content{padding-top:20px;z-index:10}.Content,.Footer{position:relative}.Footer{background:#eaeaeb;color:#999;font-size:12px;margin-top:20px;overflow:hidden;padding:40px 0}.Footer dl{font-size:14px;margin-right:40px}.Footer dl dt{color:#333;font-size:16px;margin-bottom:10px}.Footer dl td{height:28px;padding-right:28px}.Footer dl td a{color:#666}.Footer dl td a:hover{color:#3e71f6}.Footer dl img{margin-right:20px}.Footer .copy a{color:#999}.Footer .copy a:hover{color:#333}.pagination{font-size:12px;margin:30px auto;text-align:center}.pagination li{display:inline-block;line-height:1;overflow:hidden}.pagination li.disabled,.pagination li.disabled:hover{color:#333;cursor:default;font-size:14px;padding:0 5px}.pagination li:last-child.last.disabled{color:#999;font-size:12px}.pagination li a,.pagination li.active b{color:#999;display:block;line-height:1;padding:0 5px;text-align:center;width:24px}.pagination li.active b{color:#333}.pagination li a:hover,.pagination li.active a{color:#333;font-size:14px}.pagination li.first a,.pagination li.first_page a,.pagination li.last a,.pagination li.last_page a,.pagination li.next a,.pagination li.prev a{text-align:center;width:50px}.pagination li.next:hover a,.pagination li.prev:hover a{font-size:12px}.pagination li:last-child.last.noLink{background:0;border-color:transparent;margin:0}.noList{margin:100px auto;text-align:center}.noList p{color:#999;font-size:14px;line-height:3}.is-vip-bg,.is-vip-bg-2,.is-vip-bg-3,.is-vip-bg-4,.is-vip-bg-5,.is-vip-bg-6,.is-vip-bg-7{height:100%;position:relative}.is-vip-bg-6 i{right:5px}.vip-icon{bottom:0;cursor:pointer;display:inline-block;position:absolute;right:-5px}.vip-icon-1{background:url("http://s2.51cto.com/images/100/blog/old/vip.png") no-repeat left 0;bottom:6px;height:32px;right:8px;width:32px}.webp .vip-icon-1{background-image:url("http://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-2{background:url("http://s2.51cto.com/images/100/blog/old/vip.png") no-repeat left -64px;height:22px;width:22px}.webp .vip-icon-2{background-image:url("http://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-3{background:url("http://s2.51cto.com/images/100/blog/old/vip.png") no-repeat left -108px;height:20px;width:20px}.webp .vip-icon-3{background-image:url("http://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-4{background:url("http://s2.51cto.com/images/100/blog/old/vip.png") no-repeat left -152px;height:18px;width:18px}.webp .vip-icon-4{background-image:url("http://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-5{background:url("http://s2.51cto.com/images/100/blog/old/vip.png") no-repeat left -152px;bottom:11px;height:18px;left:20px;position:absolute;width:18px}.webp .vip-icon-5{background-image:url("http://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-1.on{background:url("http://s2.51cto.com/images/100/blog/old/vip.png") no-repeat right 0}.webp .vip-icon-1.on{background-image:url("http://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-2.on{background:url("http://s2.51cto.com/images/100/blog/old/vip.png") no-repeat right -64px}.webp .vip-icon-2.on{background-image:url("http://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-3.on{background:url("http://s2.51cto.com/images/100/blog/old/vip.png") no-repeat right -108px}.webp .vip-icon-3.on{background-image:url("http://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-4.on{background:url("http://s2.51cto.com/images/100/blog/old/vip.png") no-repeat right -152px}.webp .vip-icon-4.on{background-image:url("http://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-5.on{background:url("http://s2.51cto.com/images/100/blog/old/vip.png") no-repeat right -152px}.webp .vip-icon-5.on{background-image:url("http://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.is-vip-bg-6{position:relative}.is-vip-bg-7 .vip-icon-4{background:url("http://s2.51cto.com/images/100/blog/old/vip.png") no-repeat 0 100%;bottom:0;height:28px;position:absolute;right:0;width:28px}.webp .is-vip-bg-7 .vip-icon-4{background-image:url("http://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.is-vip-bg-7 .vip-icon-4.on{background:url("http://s2.51cto.com/images/100/blog/old/vip.png") no-repeat 100% 100%}.webp .is-vip-bg-7 .vip-icon-4.on{background-image:url("http://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.is-vip-bg-3 i{bottom:0;right:12px}.is-vip-bg-4 i{bottom:0;right:0}.center-bg .vip-icon{bottom:6px;right:0}.comment-creat .is-vip-bg-6 i{bottom:-2px;right:-2px}.special-column .column-1 .column-box .center a.h2{font-size:18px}.special-column .column-1 .column-box .center h5 span{font-size:14px}.Footer{background:#fff;box-shadow:0 -1px 20px 10px hsla(0,3%,94%,.32);padding-top:35px}.Footer .Logo{box-sizing:border-box;display:block;height:60px;padding-top:16px;width:214px}.Footer .copy{color:#bbb;text-align:left}.Footer .copy a{color:#666;font-size:14px}.Footer .copy a:hover{color:#3e71f6}.Footer tr:first-child{border:0}.Footer table td{border:0;font-size:14px}.Footer a.zhiCustomBtn,.aboutList a.zhiCustomBtn{display:block}.Footer dt{font-weight:700}.Footer dl td{padding-bottom:5px}dl.foot_ab td{padding-right:43px}dl.foot_link{margin-right:20px}.urlTransfer{box-sizing:border-box;min-height:700px;padding-top:130px}.urlTransfer .logo{background:url("http://s2.51cto.com/images/100/blog/old/logo3.png") no-repeat 50%;background-size:217px 37px;height:37px;margin:0 auto;width:217px}.webp .urlTransfer .logo{background-image:url("http://s2.51cto.com/images/100/blog/old/logo3.png?x-oss-process=image/format,webp")}.urlTransfer .inner{background:#fff;box-sizing:border-box;margin:20px auto 0;padding:26px 39px;width:445px}.urlTransfer .inner .tit{background:#f7f7f7;color:#222;font-size:16px;height:45px;line-height:45px;width:240px}.urlTransfer .inner .tit i{color:#d3313a;float:left;font-size:25px;margin:0}.urlTransfer .inner .tips{color:#222;font-size:16px;margin-top:15px}.urlTransfer .inner .btn{background:#d3313a;border-radius:2px;color:#fff;cursor:pointer;display:block;height:36px;line-height:36px;margin-top:20px;text-align:center;width:100px}.urlTransfer .inner .btn:hover{background:#c22d36;color:#fff}.urlTransfer .inner .url{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#999;display:-webkit-box;font-size:16px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.urlTransfer .inner .url span{cursor:pointer}.urlTransfer .inner .url span:hover{color:#666}.common_scales_light{animation-duration:1s;-webkit-animation-duration:1s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-name:scales_light;-webkit-animation-name:scales_light}@keyframes scales_light{0%{transform:scale(100%)}50%{transform:scale(96%)}to{transform:scale(100%)}}@-webkit-keyframes scales_light{0%{-webkit-transform:scale(100%)}50%{-webkit-transform:scale(96%)}to{-webkit-transform:scale(100%)}}.home-top-old .top-box .item-lf{padding-right:27px!important}.blog-search{font-size:14px!important}.right-fixadv{bottom:60%;position:fixed;right:20px;width:100px;z-index:999}.right-fixadv .ins{position:relative}.right-fixadv .ins span{background:url("http://s2.51cto.com/images/100/blog/sprites/sprites_ac0aa035.png") no-repeat -61px -277px;content:"";cursor:pointer;display:block;height:32px;position:absolute;right:-10px;top:-30px;transform:scale(.5);width:32px;z-index:99}.webp .right-fixadv .ins span{background-image:url("http://s2.51cto.com/images/100/blog/sprites/sprites_ac0aa035.png?x-oss-process=image/format,webp")}.right-fixadv img{width:100%}@media screen and (max-width:1199px){.Footer dl,.Footer dl.foot_link{margin-right:0}}.ac-box{display:block}.ac-box,.ac-box img{width:100%}input::-ms-clear{display:none;height:0;width:0}button,input,input[type=button]{outline:0}.header-content{display:flex;height:70px;justify-content:space-between;margin:1px auto}.header-content .header-left{display:flex;position:relative;width:50%}.header-content .header-left .Logo{box-sizing:border-box;padding-top:25px;width:100px}.header-content .header-left .Logo a{display:block;height:100%;overflow:hidden;position:relative}.header-content .header-left .Logo a img{z-index:2}.header-content .header-left .Logo h1,.header-content .header-left .Logo h2{position:absolute;text-indent:-9999em;z-index:-1}.header-content .header-left .Navigates{display:flex;font-size:16px;line-height:70px;list-style:none}.header-content .header-left .Navigates li{margin-left:38px}.header-content .header-left .Navigates li:first-child{margin-left:43px}.header-content .header-left .Navigates li a{color:#333}.header-content .header-left .Navigates li:hover a{color:#3e71f6}.header-content .header-left .Navigates .first a{display:block;height:70px;position:relative;width:100px}.header-content .header-left .Navigates .first a img{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;width:100px}.header-content .header-left .Navigates .first a img.otherimg{width:130px}.header-content .header-left .Navigates .cur a{color:#3e71f6}.header-content .header-right{display:flex;line-height:70px;list-style:none}.header-content .header-right li{margin-left:28px}.header-content .header-right .search{background:#f7f7f7;border-radius:3px;height:28px;line-height:28px;margin-top:21px;position:relative}.header-content .header-right .search .form-search{display:flex;justify-content:space-between;width:244px}.header-content .header-right .search .form-search input{background:0;border:none;flex:1;height:28px;line-height:28px;padding-left:10px}.header-content .header-right .search .form-search .blogsou{background:0;color:#999;display:inline-block;height:14px;line-height:14px;margin:7px 13px;padding:0;width:14px;z-index:99}.header-content .header-right .search .form-search .bloga-shanchutupian{color:#999;cursor:pointer;display:none}.header-content .header-right .search .form-search input:valid+.bloga-shanchutupian{display:block}.header-content .header-right .search .focusSelect_his{background:#fff;border-radius:10px;box-shadow:0 -2px 15px 0 rgba(0,0,0,.06);display:none;left:0;padding-bottom:10px;position:absolute;text-align:left;top:35px;width:100%;z-index:2}.header-content .header-right .search .focusSelect_his .hishead{border-bottom:1px solid #f6f7f8;color:#9399a6;display:block;font-size:14px;line-height:1.1;margin:20px 20px 10px;padding-bottom:10px;position:relative}.header-content .header-right .search .focusSelect_his .hishead .clearhis{color:#9399a6;cursor:pointer;float:right;font-size:14px}.header-content .header-right .search .focusSelect_his .his-item{align-items:center;color:#121212;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;margin-bottom:17px;min-width:0;padding:0 20px}.header-content .header-right .search .focusSelect_his .his-item span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;flex:1;line-height:25px;overflow:hidden;text-overflow:ellipsis}.header-content .header-right .search .focusSelect_his .his-item .close-his-item{color:#9399a6;display:none;font-size:12px}.header-content .header-right .search .focusSelect_his .his-item:hover .close-his-item{display:block;height:25px}.header-content .header-right .search .focusSelect_key{display:none;width:100%}.header-content .header-right .write{position:relative}.header-content .header-right .write a{color:#3e71f6}.header-content .header-right .write a .iconblog{margin-right:2px}.header-content .header-right .write .new_bloger{background-color:#ee502f;border-radius:50px;color:#fff;font-size:18px;font-weight:500;line-height:20px;padding:4px 14px;position:absolute;right:-56px;text-align:center;top:6px;transform:scale(.5);white-space:nowrap}.header-content .header-right .creative{position:relative}.header-content .header-right .creative a{color:#3e71f6}.header-content .header-right .creative .task{background:url("http://s2.51cto.com/blog/activity3.png") no-repeat top;background-size:225px 34px;bottom:-10px;display:inline-block;height:34px;left:-138px;position:absolute;width:225px}.webp .header-content .header-right .creative .task{background-image:url("http://s2.51cto.com/blog/activity3.png?x-oss-process=image/format,webp")}.header-content .header-right .message,.header-content .header-right .message .message-link{position:relative}.header-content .header-right .message .message-link i{background:#e31436;border-radius:10px;color:#fff;display:inline-block;font-size:12px;font-style:normal;left:23px;line-height:1;padding:1px 4px;position:absolute;top:-6px}.header-content .header-right .message div{background:#fff;border-radius:10px;box-shadow:0 -2px 15px 0 rgba(0,0,0,.06);display:none;left:-30px;position:absolute;top:26px;width:87px;z-index:99}.header-content .header-right .message div .ins{padding:24px 18px 24px 27px}.header-content .header-right .message div .ins a{color:#121212;display:block;font-size:14px;font-weight:400;line-height:20px;margin-bottom:17px}.header-content .header-right .message div .ins a i{background:#e31436;border-radius:10px;color:#fff;display:inline-block;font-size:12px;font-style:normal;left:23px;line-height:1;margin-left:2px;padding:1px 4px}.header-content .header-right .message div .ins a:hover{color:#3e71f6}.header-content .header-right .message div .ins a:last-child{margin-bottom:0}.header-content .header-right .message:hover div{display:block}.header-content .header-right .user{position:relative}.header-content .header-right .user .is-vip-bg-1{display:inline-block}.header-content .header-right .user .is-vip-bg-1 img{border-radius:12px;height:24px;margin-top:23px;width:24px}.header-content .header-right .user .vip-icon{left:15px;position:absolute;top:27px}.header-content .header-right .user .user-alert{border-radius:10px;box-shadow:0 3px 10px hsla(0,0%,40%,.07);display:none;left:-280px;overflow:hidden;position:absolute;top:54px;z-index:99}.header-content .header-right .user .user-alert .ins{background:#fff;border-radius:10px;box-sizing:border-box;width:300px}.header-content .header-right .user .user-alert .ins .vip-icon{left:55px;top:50px}.header-content .header-right .user .user-alert .ins .user-base{align-items:center;background:linear-gradient(180deg,rgba(226,239,255,.5),hsla(0,0%,100%,0));color:#121212;display:block;display:flex;filter:blur(0);font-size:15px;font-weight:500;padding:10px 20px 0}.header-content .header-right .user .user-alert .ins .user-base img{border-radius:100%;height:50px;margin-right:10px;width:50px}.header-content .header-right .user .user-alert .ins .user-message{margin-top:11px;padding:0 20px}.header-content .header-right .user .user-alert .ins .user-message .user-medal{border-bottom:1px solid #f5f5f5;display:flex;flex-wrap:wrap}.header-content .header-right .user .user-alert .ins .user-message .user-medal img{height:27px;margin-right:13px;padding-bottom:14px;width:24px}.header-content .header-right .user .user-alert .ins .user-message .user-modal{border-bottom:1px solid #f5f5f5;display:flex}.header-content .header-right .user .user-alert .ins .user-message .user-modal .stat-item{color:#9f9f9f;flex:1;font-size:14px;font-weight:400;line-height:26px;margin-left:3px;padding:14px 0;text-align:left}.header-content .header-right .user .user-alert .ins .user-message .user-modal .stat-item:first-child{margin-left:0}.header-content .header-right .user .user-alert .ins .user-message .user-modal .stat-item .stat-num{color:#000;font-family:DINAlternate-Bold,DINAlternate;font-size:18px;font-weight:700;line-height:21px}.header-content .header-right .user .user-alert .ins .user-menu{border-bottom:1px solid #f5f5f5;display:flex;flex-wrap:wrap;padding:19px 20px 0}.header-content .header-right .user .user-alert .ins .user-menu a{box-sizing:border-box;color:#525d6c;display:block;font-size:14px;font-weight:400;line-height:20px;margin-bottom:20px;position:relative;width:50%}.header-content .header-right .user .user-alert .ins .user-menu a .iconblog{margin-right:8px}.header-content .header-right .user .user-alert .ins .user-menu a:nth-child(2n){padding-left:5px}.header-content .header-right .user .user-alert .ins .user-menu a .dot{background:#e31436;border-radius:5px;display:inline-block;height:5px;position:absolute;width:5px}.header-content .header-right .user .user-alert .ins .login-out{color:#525d6c;display:block;font-size:14px;font-weight:400;line-height:45px;text-align:center}.header-content .header-right .user:hover .user-alert{display:block}@media screen and (max-width:1580px){.header-content{width:1200px}}@media screen and (min-width:1581px)and (max-width:1767px){.header-content{width:1390px}}@media screen and (min-width:1768px){.header-content{width:1580px}}.Header-old .header-content{width:1200px}.home-top{background:#303030;font-size:12px;font-weight:400;height:30px;line-height:30px;position:relative;width:100%}.home-top,.home-top a,.home-top a:hover{color:#fff}.home-top .w1200{margin:0 auto;width:1200px}.home-top .left_nav{align-items:center;display:flex}.home-top .top_right{display:flex}.home-top .top_right .item-rt{margin-left:30px}.home-top .top_right .item-rt .i{font-size:12px}.home-top .top_right .item-rt.collection{cursor:pointer}.home-top .top_box{align-content:center;display:flex;height:30px;justify-content:space-between}.home-top .top_box .item-lf{padding-right:30px;position:relative}.home-top .top_box .item-lf.hot{align-items:center;display:flex}.home-top .top_box .item-lf.hot .hot-div{font-size:12px;height:14px;position:absolute;right:2px;top:-1px;width:26px}.home-top .top_box .item-lf.hot .hot-div img{height:14px;width:26px}.home-top .top_box .subweb{display:inline-block;height:30px}.home-top .top_box .subweb:hover{cursor:pointer;font-weight:600}.home-top .top_box .subweb.subweb-tag{position:relative}.home-top .top_box .subweb.subweb-tag .tagicon{display:block;height:13px;position:absolute;right:-28px;top:-3px;width:26px}.home-top .top_box .subweb.subweb-tag .tagicon img{width:100%}.home-top .nav-more-container{background:#303030;height:0;position:absolute;top:30px;transition:height .3s;width:100%;z-index:1000}.home-top .nav-more-container.height1{height:30px}.home-top .nav-more-container.height2,.home-top .nav-more-container.height3{height:120px}.home-top .nav-more-container .nav-contant-box{height:0;position:relative;transition:height .3s}.home-top .nav-more-container .nav-contant-box.height1{height:30px}.home-top .nav-more-container .nav-contant-box.height2,.home-top .nav-more-container .nav-contant-box.height3{height:120px}.home-top .nav-more-container .nav-contant{box-sizing:border-box;font-size:0;height:0;overflow:hidden;position:absolute;transition:height .3s;width:100%}.home-top .nav-more-container .nav-contant.height1{height:30px}.home-top .nav-more-container .nav-contant.height2,.home-top .nav-more-container .nav-contant.height3{height:120px}.home-top .nav-more-container .nav-contant a{color:#fff;font-size:12px;line-height:25px;margin-right:50px}.home-top .nav-more-container .nav-contant a:hover{color:#f40d04}.home-top .nav-more-container .nav-contant .ewmbox{display:inline-block;text-align:center;width:135px}.home-top .nav-more-container .nav-contant .ewmbox .imgbox{background:#fff;border:4px solid #fff;border-radius:4px;height:66px;margin:15px auto 0;overflow:hidden;width:66px}.home-top .nav-more-container .nav-contant .ewmbox img{background:#fff;border-radius:4px;height:66px;width:66px}.home-top .nav-more-container .nav-contant .ewmbox .txt{color:#c8c8c8;font-size:12px;padding-top:5px}.home-top .nav-more-container .nav-contant.wechatImageList{text-align:center}.home-top .nav-more-container .nav-contant.wechatImageList .ewmbox{width:135px}.home-top .nav-more-container .nav-contant.appImageList{text-align:center}.home-top .nav-more-container .nav-contant.appImageList .ewmbox{width:160px}.home-top .nav-more-container .nav-contant.nav-contant9{text-align:right}.home-top .nav-more-container .nav-contant.nav-contant9 .loginout{cursor:pointer;font-size:12px}.home-top .search-top i{font-size:14px}@media screen and (min-width:1768px){.home-top .w1200{width:1580px}}.publish-box{bottom:20px;display:block;height:103px;position:fixed;right:50px;width:331px;z-index:999999}.publish-box img{width:100%}.publish-box .publish-close{bottom:90px;cursor:pointer;display:inline-block;height:30px;position:fixed;right:52px;width:30px}@font-face{font-family:iconblog;src:url("http://static2.51cto.com/edu/blog/blog-static/iconFont/iconfont.woff2?t=1681350793988") format("woff2"),url("http://static2.51cto.com/edu/blog/blog-static/iconFont/iconfont.woff?t=1681350793988") format("woff"),url("http://static2.51cto.com/edu/blog/blog-static/iconFont/iconfont.ttf?t=1681350793988") format("truetype")}.iconblog{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconblog!important;font-size:16px;font-style:normal}.blogyijianfk:before{content:"\e6c4"}.blogyonghu:before{content:"\e6c3"}.blogyinhao:before{content:"\e6bf"}.blogpaixu:before{content:"\e6c0"}.blogxuanzhong:before{content:"\e6c1"}.blogxuanxiang:before{content:"\e6c2"}.blogfanhuidb:before{content:"\e6a3"}.blogfenxiang2:before{content:"\e6a4"}.blogchuangzuozx:before{content:"\e6a5"}.blogijilu:before{content:"\e6a6"}.blogshoucang-4:before{content:"\e6a7"}.blogqianbao:before{content:"\e6a8"}.blogzhuanlan:before{content:"\e6a9"}.blogquan:before{content:"\e6bd"}.blogwode:before{content:"\e6be"}.bloggengduo1:before{content:"\e695"}.blogsousuo:before{content:"\e698"}.blogxiewz:before{content:"\e69b"}.bloghuati1:before{content:"\e69c"}.bloggaiban:before{content:"\e693"}.bloga-2023:before{content:"\e694"}.blogjichuxinxi:before{content:"\e704"}.blogimport:before{content:"\e700"}.blogqiandao:before{content:"\e6ff"}.blogyidaka:before{content:"\e6fe"}.blogqiandaoqueren:before{content:"\e6fc"}.blogshenfenrenzhengbeifen:before{content:"\e6f8"}.bloggonggaobeifen:before{content:"\e6f7"}.blogunfold:before{content:"\e6f4"}.bloghuati:before{content:"\e6f3"}.blogrongyurenzheng:before{content:"\e6f1"}.blogpaixujiang:before{content:"\e6ee"}.blogpaixusheng:before{content:"\e6ed"}.blogxunzhangguanli:before{content:"\e6ec"}.bloghelp:before{content:"\e6eb"}.blogxiewenzhang:before{content:"\e6ea"}.blogzuixinblogzuixin:before{content:"\e63f"}.blogzuire:before{content:"\e63e"}.blogxiangshangpaixu:before{content:"\e6e6"}.blogzhujiao2:before{content:"\e6e0"}.blogzhujiang2:before{content:"\e6df"}.blogxuesheng2:before{content:"\e6de"}.blogyitijiao2:before{content:"\e6dd"}.blogrili2:before{content:"\e6dc"}.blogpaixu2:before{content:"\e6db"}.blogjiezhishijian2:before{content:"\e6da"}.blogdanxuanxuanzhong:before{content:"\e6d9"}.blogdanxuanweixuanzhong:before{content:"\e6d8"}.blogzuoye2:before{content:"\e6d5"}.blogshijian2:before{content:"\e6d4"}.blogjiaoshi2:before{content:"\e6d3"}.blogmulu:before{content:"\e63d"}.bloga-bianzu9:before{content:"\e63b"}.bloga-bianzu8:before{content:"\e63c"}.bloga-bianzu10:before{content:"\e638"}.bloga-bianzu12:before{content:"\e639"}.bloga-bianzu6:before{content:"\e63a"}.bloga-bianzu11:before{content:"\e637"}.bloga-bianzu7:before{content:"\e636"}.bloga-shanchutupian:before{content:"\e6cd"}.blogtianjiabeifen:before{content:"\e6cc"}.blogtishibeifen:before{content:"\e6cb"}.blogtishi2beifen:before{content:"\e6ca"}.blogjubaobeifen:before{content:"\e6c7"}.blogfuwuqibeifen:before{content:"\e6bc"}.blogqiyexinxihuabeifen:before{content:"\e6bb"}.blogyouxikaifabeifen:before{content:"\e6ba"}.blogrengongzhinengbeifen:before{content:"\e6b9"}.blogruanjianyanfabeifen:before{content:"\e6b8"}.blogkaoshirenzhengbeifen:before{content:"\e6b7"}.bloghongmengbeifen:before{content:"\e6b6"}.blogofficebangongbeifen:before{content:"\e6b5"}.blogqianrushibeifen:before{content:"\e6b4"}.blogyidongkaifabeifen:before{content:"\e6b3"}.blogbianchengyuyanbeifen:before{content:"\e6b2"}.blogqianduankaifabeifen:before{content:"\e6b1"}.blogyunjisuanbeifen:before{content:"\e6b0"}.blogshujukubeifen:before{content:"\e6af"}.blogxitongyunweibeifen:before{content:"\e6ae"}.blogwangluoanquanbeifen:before{content:"\e6ad"}.blogJavabeifen:before{content:"\e6ac"}.blogpythonbeifen:before{content:"\e6ab"}.blogdashujubeifen:before{content:"\e6aa"}.bloga-15beifen41:before{content:"\e6a2"}.bloga-15beifen4:before{content:"\e6a1"}.bloga-15beifen5:before{content:"\e6a0"}.bloga-15beifen2:before{content:"\e69f"}.bloga-15beifen3:before{content:"\e69e"}.bloga-15beifen:before{content:"\e69d"}.blogchenggongtishi:before{content:"\e69a"}.blogxiepinglun:before{content:"\e699"}.blogwodeqianbaobeifen:before{content:"\e697"}.blogdianzanxuanzhong:before{content:"\e696"}.bloga-icbokewenda:before{content:"\e692"}.bloga-icyijianfankui:before{content:"\e691"}.bloga-icfenxiangbeifen:before{content:"\e690"}.bloga-icwodedingyuezhuanlan:before{content:"\e68f"}.bloga-icdingyuezhuanlan:before{content:"\e68e"}.bloga-icshouye:before{content:"\e68d"}.bloga-icyonghu:before{content:"\e68c"}.blogshanchu1:before{content:"\e68a"}.blogyuedu:before{content:"\e689"}.blogpinglun3:before{content:"\e687"}.blogfenxiang1:before{content:"\e686"}.bloggengduo:before{content:"\e67f"}.blogshanchu18:before{content:"\e67e"}.blogquxiao18:before{content:"\e67d"}.bloglink:before{content:"\e67c"}.blogshanchu:before{content:"\e67b"}.blogdianzan:before{content:"\e679"}.blogremensousuo:before{content:"\e676"}.bloglishijilu:before{content:"\e675"}.bloga-blogdianzanxe622:before{content:"\e622"}.blogchuangzuoshezhibeifen:before{content:"\e631"}.blogchuangzuoliebiao:before{content:"\e632"}.blogchuangzuoshouye:before{content:"\e633"}.blogchuangzuoqushi:before{content:"\e634"}.blogchuangzuotianjia:before{content:"\e635"}.blogchuangzuogongju:before{content:"\e623"}.blogchuangzuolanhufan:before{content:"\e624"}.blogchuangzuoguanli:before{content:"\e625"}.blogchuangzuohuodong:before{content:"\e626"}.blogchuangzuorli:before{content:"\e628"}.blogchuangzuochuangzuo:before{content:"\e629"}.blogchuangzuoshezhi:before{content:"\e62b"}.blogchuangzuoshuju:before{content:"\e62f"}.blogchuangzuoxiazai:before{content:"\e630"}.blogfenxiang:before{content:"\e61b"}.blogNextpage:before{content:"\e62e"}.blogPreviouspage:before{content:"\e62d"}.blogxuanzhongbeifen1:before{content:"\e62c"}.blogweixuanzhongbeifen:before{content:"\e62a"}.blogright:before{content:"\e627"}.blogshouqi:before{content:"\e620"}.blogyuedu1:before{content:"\e621"}.blogsixin1:before{content:"\e61f"}.blogshoucang:before{content:"\e61e"}.blogpinglun1:before{content:"\e61d"}.blogzhankai:before{content:"\e61c"}.blogbianji1:before{content:"\e61a"}.blogguanzhu:before{content:"\e619"}.blogbianji:before{content:"\e617"}.blogshanchu2:before{content:"\e618"}.blogfenxiangqq:before{content:"\e614"}.blogfenxiangweixin:before{content:"\e615"}.blogfenxiangweibo:before{content:"\e616"}.blogqqqun:before{content:"\e611"}.blogboke:before{content:"\e612"}.blogguan:before{content:"\e613"}.blogpinglun:before{content:"\e605"}.blogpinglun2:before{content:"\e606"}.blogshang:before{content:"\e607"}.blogsixin:before{content:"\e608"}.blogshou:before{content:"\e609"}.blogzan2:before{content:"\e60a"}.blogfen:before{content:"\e60b"}.blogshan:before{content:"\e60c"}.blogzhi:before{content:"\e60d"}.blogsou:before{content:"\e60e"}.blogzan:before{content:"\e60f"}.blogduo:before{content:"\e610"}.blogxie:before{content:"\e604"}@font-face{font-family:fontDIN;src:url("http://cdn.51cto.com/fonts/din/DIN.ttf"),url("http://cdn.51cto.com/fonts/din/DIN.eot")}@font-face{font-family:fontDIN-bold;src:url("http://cdn.51cto.com/fonts/din/DIN-Bold.ttf"),url("http://cdn.51cto.com/fonts/din/DIN-Bold.eot")}@font-face{font-family:fontDIN-medium;src:url("http://cdn.51cto.com/fonts/din/DIN-Medium.ttf"),url("http://cdn.51cto.com/fonts/din/DIN-Medium.eot")}::-webkit-scrollbar{-webkit-appearance:none;height:10px;width:10px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border:2px solid #fff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:window-inactive{background-color:rgba(0,0,0,.2)}.msg-index-box{background:#fff;border-radius:10px;left:50%;margin-left:-300px;padding:25px 10px;position:fixed;top:30%;width:606px;z-index:9999}.msg-index-box .top-bg{background:url("http://s2.51cto.com/images/100/blog/index/followbg.png") no-repeat top;height:129px;left:0;position:absolute;top:0;width:626px}.webp .msg-index-box .top-bg{background-image:url("http://s2.51cto.com/images/100/blog/index/followbg.png?x-oss-process=image/format,webp")}.msg-index-box .follow-close{background:url("http://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png") -61px -206px;cursor:pointer;height:18px;position:absolute;right:14px;top:14px;width:19px;z-index:1}.webp .msg-index-box .follow-close{background-image:url("http://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png?x-oss-process=image/format,webp")}.msg-index-box .con-box{left:0;position:absolute;top:0;width:100%}.msg-index-box .icon-bg{left:97px;position:absolute;top:48px}.msg-index-box .icon-1{background:url("http://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png") -8px -206px;height:31px;width:37px}.webp .msg-index-box .icon-1{background-image:url("http://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png?x-oss-process=image/format,webp")}.msg-index-box .icon-2{background:url("http://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png") -92px -199px;height:38px;width:38px}.webp .msg-index-box .icon-2{background-image:url("http://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png?x-oss-process=image/format,webp")}.msg-index-box h2{color:#4285f4;font-size:26px;line-height:1;margin-bottom:20px;margin-top:26px;text-align:center}.msg-index-box .con{color:#333;font-size:14px;line-height:24px;text-align:center}.msg-index-box .con a{color:#4285f4}.msg-index-box .code-bg{background:url("http://s2.51cto.com/images/100/blog/index/followcode.png") no-repeat;height:148px;margin:20px auto 0;width:148px}.webp .msg-index-box .code-bg{background-image:url("http://s2.51cto.com/images/100/blog/index/followcode.png?x-oss-process=image/format,webp")}.msg-index-box .code-bg img{width:100%}.msg-index-box .tipBox{line-height:20px;margin:0 auto;text-align:left;width:350px}.msg-index-box .tipBox .btn{color:#3e71f6;cursor:pointer}.msg-index-box .tipBox .txt{display:inline-block;line-height:12px;max-width:120px}.msg-index-box .btn-box{margin-top:20px;text-align:center}.msg-index-box .btn-box p{border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;height:28px;line-height:28px;padding:0 16px}.msg-index-box .btn-1{border:1px solid #fff;color:#666;margin-right:46px}.msg-index-box .btn-2{border:1px solid #4285f4;color:#4285f4}.Header{top:30px}.hljs-center{text-align:center}.hljs-right{text-align:right}#result{overflow:auto}.detail-content-left s{text-decoration:line-through}.cto-mermaid{text-align:center}.cto-mermaid svg{max-width:100%}#result img{height:auto}.report-dialog-root{display:none}.am-engine img{vertical-align:middle}.mb24{margin-bottom:24px}.mb30{margin-bottom:30px}body{background:#f7f8f9}.Header{position:fixed;width:100%}.home-top{position:fixed;top:0;z-index:999}.detail-content-new{background:#f7f8f9;padding:114px 0 30px}.detail-content-new .jia1,.detail-content-new .jia2{color:#3e71f6}.detail-content-new .fixtitle{background:#fff;box-shadow:0 3px 10px #efefef;display:none;height:61px;left:0;line-height:61px;position:fixed;top:0;width:100%;z-index:999}.detail-content-new .fixtitle h3{box-sizing:border-box;color:#333;font-size:24px;overflow:hidden;padding:0 35px;text-overflow:ellipsis;white-space:nowrap;width:883px}.detail-content-new .fixtitle .messbox .checkFollow{background:#3e71f6;border:none;border-radius:0;border-radius:2px;box-sizing:border-box;color:#666;color:#fff;cursor:pointer;float:right;font-size:14px;height:32px;line-height:32px;margin:13px 0 0 15px;text-align:center;width:90px}.detail-content-new .fixtitle .messbox .checkFollow.in{background:0;border:1px solid #789bf9;color:#3e71f6;padding-left:0}.detail-content-new .fixtitle .messbox .checkFollow.on{background:#3e71f6;font-family:iconblog;padding-left:19px;text-align:left}.detail-content-new .fixtitle .messbox .checkFollow.on:before{content:"";font-size:20px;vertical-align:bottom}.detail-content-new .fixtitle .messbox .checkFollow.on:hover{background:#3d62f5}.detail-content-new .fixtitle .messbox .checkFollow.off{background:#ddd;padding-left:0}.detail-content-new .fixtitle .messbox .name{color:#17233f;float:right;margin-left:10px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .fixtitle .messbox strong{float:right;height:34px;margin-top:13px;position:relative;width:34px}.detail-content-new .fixtitle .messbox .avatar img{border-radius:34px;height:34px;width:34px}.detail-content-new .Page .common-section{background:#fff;border-radius:2px}.detail-content-new .Page .detail-content-left{float:left;width:874px}.detail-content-new .Page .detail-content-left.set-right{float:right}.detail-content-new .Page .detail-content-left .common-spacing{padding:15px 35px}.detail-content-new .Page .detail-content-left .content-taotao-h{display:none}.detail-content-new .Page .detail-content-left .article-detail{padding-bottom:27px}.detail-content-new .Page .detail-content-left .article-detail>.title{word-wrap:break-word;font-size:37px;line-height:40px;margin-bottom:5px;padding:5px 0 10px;word-break:break-all}.detail-content-new .Page .detail-content-left .article-detail>.title h1{color:#333;display:inline;font-size:28px}.detail-content-new .Page .detail-content-left .article-detail>.title span{border-radius:4px;color:#fff;display:inline-block;font-size:14px;line-height:24px;margin-right:1px;position:relative;text-align:center;top:-4px;width:36px}.detail-content-new .Page .detail-content-left .article-detail>.title span:first-child{margin-left:20px}.detail-content-new .Page .detail-content-left .article-detail>.title span.tuijian{background:#f3c352}.detail-content-new .Page .detail-content-left .article-detail>.title span.original{background:#99cea4}.detail-content-new .Page .detail-content-left .article-detail>.title span.reprint{background:#84c4fa}.detail-content-new .Page .detail-content-left .article-detail>.title span.translation{background:#fea4a4}.detail-content-new .Page .detail-content-left .article-detail>.title span.type_selected{background:#84a0fa}.detail-content-new .Page .detail-content-left .article-detail>.title .examine{background:#f4f5f6;color:#b7bdc9;display:inline-block;font-size:14px;font-weight:400;height:22px;line-height:22px;text-align:center;width:49px}.detail-content-new .Page .detail-content-left .article-detail .messbox{background:#f9f9fa;border-radius:2px;color:#6b7486;padding:15px 15px 5px}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1{line-height:1}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 a{color:#6b7486}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 .fl{padding-right:12px}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 time{font-family:fontDIN}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 #copyright-btn{cursor:pointer;font-size:12px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 #copyright-btn:hover{color:#3e71f6}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag{margin-top:15px}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong{float:left;font-weight:400;margin-right:22px}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong em{font-style:normal;line-height:24px;margin-right:11px}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong a,.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong span{background:#efeff1;color:#5c6578;display:inline-block;font-size:12px;height:24px;line-height:24px;margin-bottom:10px;margin-right:13px;padding:0 8px}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong a:last-child,.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong span:last-child{margin-right:0}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong a.subject,.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong span.subject{background:#e6ebfa;color:#3e71f6}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong a.subject i,.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong span.subject i{float:left;font-size:12px;margin:0 4px 0 0}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong b{color:#6b7486;font-family:fontDIN;font-size:14px;font-weight:400}.detail-content-new .Page .detail-content-left .article-detail .copytext{color:#9399a6;display:none;font-size:12px;margin-top:10px;word-break:break-all}.detail-content-new .Page .detail-content-left .article-detail .copytext a{color:#9399a6}.detail-content-new .Page .detail-content-left .article-detail .copytext2{color:#9399a6;font-size:12px;margin-top:10px;word-break:break-all}.detail-content-new .Page .detail-content-left .article-detail .recommend-video{display:none;justify-content:space-between;margin:20px auto}.detail-content-new .Page .detail-content-left .article-detail .recommend-video.recommend-video-1{justify-content:center}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video{width:49%}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a{background:#f8f8fb;border-radius:2px;box-sizing:border-box;display:flex;height:130px;padding:14px}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a .pic{border-radius:2px;overflow:hidden;position:relative;width:184px}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a .pic:after{background:rgba(0,0,0,.3) url("http://s2.51cto.com/blog/sprites/videoicon.png") no-repeat 50%;content:"";height:104px;left:0;position:absolute;top:0;width:184px}.webp .detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a .pic:after{background-image:url("http://s2.51cto.com/blog/sprites/videoicon.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a .pic img{height:104px;width:184px}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a .detail{display:flex;flex-direction:column;justify-content:center;line-height:1.7;padding-left:14px;width:calc(100% - 200px)}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a .detail .title{color:#17233f;font-size:16px;max-height:58px;overflow:hidden}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a .detail .dec{color:#8c92a2;font-size:14px;max-height:45px;overflow:hidden}.detail-content-new .Page .detail-content-left .article-detail .article-content-wrap{border-bottom:1px solid #f3f3f3;color:#17233f;font-size:16px;margin-bottom:30px;padding-bottom:30px;word-break:break-all}.detail-content-new .Page .detail-content-left .article-detail .article-content-wrap img{cursor:zoom-in;max-width:100%}.detail-content-new .Page .detail-content-left .article-detail .article-content-wrap .artical-content-bak{max-width:100%;padding:0 0 20px!important}.detail-content-new .Page .detail-content-left .article-detail .article-content-wrap .all-question{color:#3e71f6;cursor:pointer}.detail-content-new .Page .detail-content-left .article-detail .label-list{margin-top:20px;padding-left:90px;position:relative}.detail-content-new .Page .detail-content-left .article-detail .label-list .tag-text{color:#9399a6;display:inline;font-size:13px;line-height:35px;margin-right:15px;word-break:break-all}.detail-content-new .Page .detail-content-left .article-detail .label-list .tag-text:hover{color:#7d828c}.detail-content-new .Page .detail-content-left .article-detail .label-list .tag-text:nth-child(3n-2){color:#b6c2bb}.detail-content-new .Page .detail-content-left .article-detail .label-list .tag-text:nth-child(3n-2):hover{color:#9ea8a2}.detail-content-new .Page .detail-content-left .article-detail .label-list .tag-text:nth-child(3n-1){color:#e0d6d1}.detail-content-new .Page .detail-content-left .article-detail .label-list .tag-text:nth-child(3n-1):hover{color:#c7beb9}.detail-content-new .Page .detail-content-left .article-detail .label-list span{color:#17233f;font-size:16px;left:0;position:absolute;top:0}.detail-content-new .Page .detail-content-left .article-detail .label-list a{background:#f6f7f8;border-radius:2px;color:#6b7484;display:inline-block;height:30px;line-height:30px;margin:0 12px 15px 0;max-width:80%;overflow:hidden;padding:0 20px;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-left .article-detail .label-list a.cur,.detail-content-new .Page .detail-content-left .article-detail .label-list a:hover{background:#3e71f6;color:#fff}.detail-content-new .Page .detail-content-left .article-detail .action-box{text-align:center}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li{display:inline-block;list-style:none;position:relative;width:105px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li:last-child{margin-bottom:0}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li.share:hover .bdsharebuttonbox{display:block}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li .bdsharebuttonbox{left:8px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong{display:inline-block;font-weight:400;position:relative;text-align:center;width:80px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.is-praise a i{background:url("http://s2.51cto.com/images/100/blog/old/zan1.png") no-repeat top;background-size:47px 47px;display:inline-block;height:47px;width:47px}.webp .detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.is-praise a i{background-image:url("http://s2.51cto.com/images/100/blog/old/zan1.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.is-praise.on a i{background:url("http://s2.51cto.com/images/100/blog/old/zan2.png") no-repeat top;background-size:47px 47px}.webp .detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.is-praise.on a i{background-image:url("http://s2.51cto.com/images/100/blog/old/zan2.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.is-praise.no-praise a i,.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.is-praise.on.no-praise a i{background:url("http://s2.51cto.com/images/100/blog/old/zan.gif") no-repeat top;background-size:47px 47px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.favorites-opt a i{background:url("http://s2.51cto.com/images/100/blog/old/ping1.png") no-repeat top;background-size:47px 47px;display:inline-block;height:47px;width:47px}.webp .detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.favorites-opt a i{background-image:url("http://s2.51cto.com/images/100/blog/old/ping1.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.favorites-opt.on a i{background:url("http://s2.51cto.com/images/100/blog/old/ping2.png") no-repeat top;background-size:47px 47px}.webp .detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.favorites-opt.on a i{background-image:url("http://s2.51cto.com/images/100/blog/old/ping2.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.favorites-opt.no-favorites a i,.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.favorites-opt.on.no-favorites a i{background:url("http://s2.51cto.com/images/100/blog/old/ping.gif") no-repeat top;background-size:47px 47px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong:hover a{box-shadow:0 8px 16px 0 rgba(23,35,63,.12)}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a{background:#fff;border:1px solid #f4f4f4;border-radius:47px;box-shadow:0 8px 16px 0 rgba(23,35,63,.04);display:block;height:47px;line-height:47px;margin:0 auto 5px;width:47px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i{color:#818797}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogshang,.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogzan{font-size:19px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogshou{font-size:21px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogpinglun{font-size:19px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogfen{font-size:23px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogzhi{font-size:18px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong span{color:#979da9;line-height:1}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong span b{font-weight:400}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.on a i{color:#3e71f6}.detail-content-new .Page .detail-content-left .article-detail .lists{margin-top:40px}.detail-content-new .Page .detail-content-left .article-detail .lists p{color:#818797;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-left .article-detail .lists p a{color:#818797}.detail-content-new .Page .detail-content-left .article-detail .lists p a:hover{color:#17233f}.detail-content-new .Page .detail-content-left .article-detail .lists p:last-child{text-align:right}.detail-content-new .Page .detail-content-left .article-edit{margin-bottom:10px;margin-top:10px}.detail-content-new .Page .detail-content-left .article-edit a{color:#9399a6;display:inline-block;font-size:12px;height:23px;line-height:23px;margin-left:20px}.detail-content-new .Page .detail-content-left .article-edit a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-left .article-edit a i{float:left;font-size:14px;margin-right:5px;opacity:.8}.detail-content-new .Page .detail-content-left .common-sub-title{border-bottom:1px solid #f5f5f5;height:48px;line-height:48px;margin-bottom:3px}.detail-content-new .Page .detail-content-left .common-sub-title h2,.detail-content-new .Page .detail-content-left .common-sub-title strong{color:#333;display:inline-block;font-size:20px}.detail-content-new .Page .detail-content-left .common-sub-title .more{color:#999}.detail-content-new .Page .detail-content-left .comment-textarea{padding-top:20px}.detail-content-new .Page .detail-content-left .comment-textarea .avatar{float:left;height:40px;margin-right:15px;position:relative;width:40px}.detail-content-new .Page .detail-content-left .comment-textarea .avatar img{border-radius:40px;height:40px;width:40px}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box{float:left;width:749px}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-show{background:#fff;border:1px solid #e5e5e5;border-radius:2px;box-sizing:border-box;color:#818797;cursor:pointer;height:44px;line-height:44px;margin-bottom:20px;position:relative}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-show span{display:inline-block;overflow:hidden;padding-left:15px;text-overflow:ellipsis;white-space:nowrap;width:80%}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-show strong{background:#f5f5f5;border-left:1px solid #e5e5e5;display:inline-block;height:42px;line-height:42px;position:absolute;right:0;text-align:center;top:0;width:78px}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-hide{display:none}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-hide .top{margin-bottom:10px}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-hide .top textarea{background:#fff;border:1px solid #e5e5e5;border-radius:2px;box-sizing:border-box;color:#17233f;height:78px;outline:0;padding:12px 15px;resize:none;width:100%}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-hide .bot .publish-btn{background:#3e71f6;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;height:35px;line-height:35px;text-align:center;width:110px}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-hide .bot span{color:#9399a6;font-size:12px;line-height:35px;margin-right:16px}.detail-content-new .Page .detail-content-left .comment-num{border-bottom:1px solid #f5f5f5;color:#333;font-size:20px;height:56px;line-height:56px}.detail-content-new .Page .detail-content-left .comment-num span{color:#999}.detail-content-new .Page .detail-content-left .comment-num span b{font-family:fontDIN;font-weight:400}.detail-content-new .Page .detail-content-left .comment-num .sort{cursor:pointer;font-size:14px;font-weight:400;margin-left:15px}.detail-content-new .Page .detail-content-left .comment-num .sort.on{color:#3e71f6}.detail-content-new .Page .detail-content-left .comment-num .sort .iconblog{float:left;font-size:14px;margin-right:5px}.detail-content-new .Page .detail-content-left .comment-box{padding-bottom:27px}.detail-content-new .Page .detail-content-left .comment-List-box .floor-1{border-bottom:1px solid #f5f5f5;padding-top:25px}.detail-content-new .Page .detail-content-left .comment-List-box .floor-1.floor-n{display:none}.detail-content-new .Page .detail-content-left .comment-List-box .floor-2{padding-left:50px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List{display:flex;padding-bottom:25px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .avatar{float:left;height:40px;margin-right:10px;margin-top:4px;position:relative;width:40px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .avatar img{border-radius:40px;height:40px;width:40px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail{float:left;width:754px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail h3{color:#17233f;font-size:14px;height:28px;line-height:1;line-height:28px;margin-bottom:4px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail h3 .tag{background:#ebf1fe;border-radius:2px;color:#3e71f6;display:inline-block;font-size:12px;height:20px;line-height:20px;margin-left:7px;margin-top:4px;padding:0 8px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail h3 i{font-style:normal;margin:0 12px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail h3 .time{color:#9399a6;font-family:fontDIN;font-size:14px;font-weight:400}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .reply-content{background:#f9f9fa;border-radius:2px;color:#9399a6;font-size:16px;margin-bottom:12px;margin-top:17px;padding:10px 15px;word-break:break-word}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .content{color:#17233f;font-size:16px;margin-bottom:12px;word-break:break-word}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action{height:23px;line-height:23px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span{color:#9399a6;cursor:pointer;float:left;margin-right:20px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span:hover i{color:#818797}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span.on,.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span.on i{color:#3e71f6}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span i{color:#c5c8cf;float:left;margin-right:6px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span b{font-weight:400}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .textarea-hide{margin-top:25px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .textarea-hide .top{margin-bottom:10px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .textarea-hide .top textarea{background:#fff;border:1px solid #e5e5e5;border-radius:2px;box-sizing:border-box;color:#17233f;height:78px;outline:0;padding:12px 15px;resize:none;width:100%}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .textarea-hide .bot .publish-btn{background:#3e71f6;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-weight:400;height:32px;line-height:32px;text-align:center;width:110px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .textarea-hide .bot span{color:#9399a6;cursor:pointer;line-height:35px;margin-right:16px}.detail-content-new .Page .detail-content-left .comment-List-box .more-toggle{color:#17233f;cursor:pointer;display:inline-block;padding-bottom:25px;padding-right:20px;position:relative}.detail-content-new .Page .detail-content-left .comment-List-box .more-toggle:hover,.detail-content-new .Page .detail-content-left .comment-List-box .more-toggle:hover i{color:#3e71f6}.detail-content-new .Page .detail-content-left .comment-List-box .more-toggle i{color:#9399a6;position:absolute;right:0;top:-2px;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg)}.detail-content-new .Page .detail-content-left .pagination{font-size:12px;margin:60px auto 0;text-align:center}.detail-content-new .Page .detail-content-left .pagination li{border-radius:2px;color:#666;display:inline-block;font-size:14px;height:30px;line-height:30px;margin:0 6px;overflow:hidden;text-align:center}.detail-content-new .Page .detail-content-left .pagination li.disabled,.detail-content-new .Page .detail-content-left .pagination li.disabled:hover{color:#333;cursor:default;font-size:12px;padding:0}.detail-content-new .Page .detail-content-left .pagination li:last-child.last.disabled{color:#999;font-size:12px}.detail-content-new .Page .detail-content-left .pagination li a{background:#f3f4f5;color:#666;display:block;font-family:fontDIN;height:30px;line-height:30px;padding:0;text-align:center;width:30px}.detail-content-new .Page .detail-content-left .pagination li a:hover{background:#edeeef;color:#333;font-size:14px}.detail-content-new .Page .detail-content-left .pagination li.active a{color:#333;font-size:14px}.detail-content-new .Page .detail-content-left .pagination li.active b{background:#4973ee;color:#fff;display:block;font-family:fontDIN;font-weight:400;line-height:30px;padding:0;text-align:center;width:30px}.detail-content-new .Page .detail-content-left .pagination li.first a,.detail-content-new .Page .detail-content-left .pagination li.first_page a,.detail-content-new .Page .detail-content-left .pagination li.last a,.detail-content-new .Page .detail-content-left .pagination li.last_page a,.detail-content-new .Page .detail-content-left .pagination li.next a,.detail-content-new .Page .detail-content-left .pagination li.prev a{text-align:center;width:30px}.detail-content-new .Page .detail-content-left .pagination li.next:hover a,.detail-content-new .Page .detail-content-left .pagination li.prev:hover a{font-size:14px}.detail-content-new .Page .detail-content-left .pagination li:last-child.last.noLink{background:0;border-color:transparent;margin:0}.detail-content-new .Page .detail-content-left .pagination li.prev a{background:#f3f4f5;font-family:iconblog;font-size:20px;height:30px;width:30px}.detail-content-new .Page .detail-content-left .pagination li.prev a:before{content:""}.detail-content-new .Page .detail-content-left .pagination li.prev a:hover{background:#edeeef;font-size:20px}.detail-content-new .Page .detail-content-left .pagination li.next a{background:#f3f4f5;font-family:iconblog;font-size:20px;height:30px;width:30px}.detail-content-new .Page .detail-content-left .pagination li.next a:before{content:""}.detail-content-new .Page .detail-content-left .pagination li.next a:hover{background:#edeeef;font-size:20px}.detail-content-new .Page .detail-content-left .pagination li.first,.detail-content-new .Page .detail-content-left .pagination li.last{margin:0 2px}.detail-content-new .Page .detail-content-left .pagination li.first a,.detail-content-new .Page .detail-content-left .pagination li.last a{background:0;width:auto}.detail-content-new .Page .detail-content-left .recommend-about li{border-bottom:1px solid #f5f5f5;list-style:none;padding:17px 0 16px;position:relative}.detail-content-new .Page .detail-content-left .recommend-about li .list-subjuct{background:#e9f1ff;border-radius:16px;bottom:17px;box-sizing:border-box;display:none;height:22px;line-height:22px;max-width:250px;overflow:hidden;padding:0 13px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap;z-index:2}.detail-content-new .Page .detail-content-left .recommend-about li .list-subjuct .fontsizeIcon{color:#3e71f6;font-size:14px}.detail-content-new .Page .detail-content-left .recommend-about li .list-subjuct span{color:#3e71f6;font-family:PingFang SC;font-size:12px;font-weight:500}.detail-content-new .Page .detail-content-left .recommend-about li:last-child{border-bottom:none}.detail-content-new .Page .detail-content-left .recommend-about li a,.detail-content-new .Page .detail-content-left .recommend-about li:hover .list-subjuct{display:block}.detail-content-new .Page .detail-content-left .recommend-about li .pic{background:#f7f7f8;float:right;height:45px;line-height:45px;margin-left:15px;margin-top:6px;position:relative;text-align:center;width:74px}.detail-content-new .Page .detail-content-left .recommend-about li .pic img{border-radius:2px;bottom:0;left:0;margin:auto;max-height:45px;max-width:74px;position:absolute;right:0;top:0}.detail-content-new .Page .detail-content-left .recommend-about li .pic span{background:rgba(0,0,0,.4);border-radius:1px;bottom:4px;color:#f5f5f5;font-size:12px;height:16px;line-height:20px;position:absolute;right:4px;text-align:center;width:25px}.detail-content-new .Page .detail-content-left .recommend-about li .tit{color:#17233f;font-size:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-left .recommend-about li .tit em{color:#cd4b50;font-style:normal}.detail-content-new .Page .detail-content-left .recommend-about li .tit:hover{color:#3e71f6}.detail-content-new .Page .detail-content-left .recommend-about li .tit:hover em{color:#cd4b50}.detail-content-new .Page .detail-content-left .recommend-about li p{color:#585858;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-left .recommend-about li p em{color:#cd4b50;font-style:normal}.detail-content-new .Page .detail-content-left .recommend-cloumn li{border-bottom:1px solid #f5f5f5;list-style:none;padding:25px 0}.detail-content-new .Page .detail-content-left .recommend-cloumn li:last-child{border-bottom:none}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dt{float:left;height:116px;margin-right:10px;width:213px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dt img{height:116px;width:213px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd{float:left;width:580px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd h3{font-weight:400;line-height:1;margin:5px 0 10px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd h3:hover .cloumn-subscribe{display:block}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd h3 .title{display:inline-block;max-width:455px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd h3 .title:hover{color:#3e71f6}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd h3 .cloumn-subscribe{color:#3e71f6;display:none;float:right;font-size:12px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .dec{color:#9399a6;line-height:1;margin-bottom:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .mess{color:#9399a6;line-height:1;margin-bottom:20px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .mess b{background:#9399a6;display:inline-block;height:14px;margin:0 6px;width:1px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .price{line-height:1}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .price span{color:#17233f;padding-right:18px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .price strong{color:#9399a6;font-weight:400}.detail-content-new .Page .detail-content-left .recommend-course{margin:20px 0 15px}.detail-content-new .Page .detail-content-left .recommend-course li{float:left;list-style:none;margin-left:21px;width:185px}.detail-content-new .Page .detail-content-left .recommend-course li:first-child{margin-left:0}.detail-content-new .Page .detail-content-left .recommend-course li:nth-child(5),.detail-content-new .Page .detail-content-left .recommend-course li:nth-child(6){display:none}.detail-content-new .Page .detail-content-left .recommend-course li .pic{height:112px;width:185px}.detail-content-new .Page .detail-content-left .recommend-course li .pic img{border-radius:5px;height:112px;width:185px}.detail-content-new .Page .detail-content-left .recommend-course li .main{padding-top:12px}.detail-content-new .Page .detail-content-left .recommend-course li .main h3{font-weight:400;line-height:1;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-left .recommend-course li .main h3 a{color:#17233f}.detail-content-new .Page .detail-content-left .recommend-course li .main h3 a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-left .recommend-course li .main .num{color:#b4b8c1;line-height:1;margin-bottom:13px}.detail-content-new .Page .detail-content-left .recommend-course li .main .price{color:#17233f;font-size:12px;line-height:1}.detail-content-new .Page .detail-content-right{float:right;width:302px}.detail-content-new .Page .detail-content-right .common-spacing{padding:8px 20px 12px}.detail-content-new .Page .detail-content-right .common-sub-title{border-bottom:1px solid #f5f5f5;height:38px;line-height:38px}.detail-content-new .Page .detail-content-right .common-sub-title h2,.detail-content-new .Page .detail-content-right .common-sub-title strong{color:#333;display:inline-block;font-size:16px;max-width:215px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-right .common-sub-title .more{color:#999}.detail-content-new .Page .detail-content-right .fix-table{box-sizing:border-box;position:fixed;top:100px;width:298px}.detail-content-new .Page .detail-content-right .user-intr{padding:25px 10px}.detail-content-new .Page .detail-content-right .user-intr .top .avatar .avatar-img{height:65px;margin:0 auto;position:relative;width:65px}.detail-content-new .Page .detail-content-right .user-intr .top .avatar .avatar-img img{border-radius:65px;height:65px;width:65px}.detail-content-new .Page .detail-content-right .user-intr .top .username{color:#333;font-size:16px;font-weight:700;line-height:1;padding:13px 0 8px;text-align:center}.detail-content-new .Page .detail-content-right .user-intr .top .username a{color:#333;display:inline-block;font-size:16px;height:22px;line-height:22px}.detail-content-new .Page .detail-content-right .user-intr .top .username a .blog-user{display:inline-block;height:22px;max-width:185px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;word-break:break-all}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon{display:inline-block;margin-left:-2px;position:relative;vertical-align:middle}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul{display:inline-block}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li{float:left;height:18px;list-style:none;margin-left:5px;width:16px}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a{background:url("http://s2.51cto.com/images/100/blog/sprites/sprites_identity.png") no-repeat;background-size:16px auto;display:inline-block;height:18px;width:16px}.webp .detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a{background-image:url("http://s2.51cto.com/images/100/blog/sprites/sprites_identity.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.qybz{background-position:0 -80px}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.zj{background-position:0 -60px}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.bkzx{background-position:0 0}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.tjzx{background-position:0 -40px}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.js{background-position:0 -20px}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.zjbz{background-position:0 -108px;background-size:14px auto}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.top_hr{background-position:0 -88px;background-size:14px auto}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.mrzx{background-position:-6px -257px;background-size:28px auto}.detail-content-new .Page .detail-content-right .user-intr .bottom{margin-bottom:8px}.detail-content-new .Page .detail-content-right .user-intr .bottom.loading{background:url("http://s2.51cto.com/images/100/blog/old/loading1.gif") no-repeat center 36px}.detail-content-new .Page .detail-content-right .user-intr .bottom .lines{background:#f5f5f5;height:1px;margin:0 10px}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name{text-align:center}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name:first-child ul{padding-top:0}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name:last-child ul{padding-top:11px}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul{display:inline-block;line-height:1;padding:18px 0 6px;width:100%}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li{float:left;font-size:14px;list-style:none;text-align:center;width:25%}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .num{color:#17233f;font-family:fontDIN-medium;font-size:18px;padding-bottom:8px}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .num a{color:#17233f;font-family:fontDIN-medium;font-size:18px}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .num a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .num span{font-size:17px}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .label-name{color:#9399a6;font-size:12px;line-height:1}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .label-name a{color:#9399a6}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .label-name a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-right .user-intr .operating{margin-top:8px;padding-left:16px}.detail-content-new .Page .detail-content-right .user-intr .operating.operating2 button{display:block;float:none;margin:0 auto}.detail-content-new .Page .detail-content-right .user-intr .operating button{background-color:#fff;background-image:none!important;border:1px solid #789bf9;border-radius:0;border-radius:2px;cursor:pointer;float:left;height:35px;line-height:35px;padding:0;width:110px}.detail-content-new .Page .detail-content-right .user-intr .operating button:hover{border:1px solid #3d62f5}.detail-content-new .Page .detail-content-right .user-intr .operating button:hover a,.detail-content-new .Page .detail-content-right .user-intr .operating button:hover a i{color:#3d62f5}.detail-content-new .Page .detail-content-right .user-intr .operating button a{color:#3e71f6;display:inline-block;font-size:14px;height:35px;line-height:35px}.detail-content-new .Page .detail-content-right .user-intr .operating button a i{float:left;font-size:18px;margin-right:5px}.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow{background:#3e71f6;border:none;border-radius:0;border-radius:2px;box-sizing:border-box;color:#666;color:#fff;float:left;font-size:14px;height:35px;line-height:35px;margin:0 25px 0 0;text-align:center;width:110px}.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.in,.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.mutual{background:0;border:1px solid #789bf9;color:#3e71f6;padding-left:0}.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.on{background:#3e71f6;font-family:iconblog;padding-left:30px;text-align:left}.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.on:before{content:"";font-size:20px;vertical-align:bottom}.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.on:hover{background:#3d62f5}.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.off{background:#ddd;padding-left:0}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list{margin-bottom:10px}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a{box-sizing:border-box;color:#6c7486;display:block;height:48px;line-height:48px;padding-left:25px;position:relative;width:100%}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a:after{background:url("http://s2.51cto.com/images/100/blog/list/css_sprites_0913.png") no-repeat;content:"";height:90px;position:absolute;right:-5px;top:-20px;transform:scale(.45);width:90px}.webp .detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a:after{background-image:url("http://s2.51cto.com/images/100/blog/list/css_sprites_0913.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.new{background:url("http://s2.51cto.com/images/100/blog/list/blist1.png") no-repeat;background-size:100% 100%}.webp .detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.new{background-image:url("http://s2.51cto.com/images/100/blog/list/blist1.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.new:after{background-position:-2px -2px}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.week{background:url("http://s2.51cto.com/images/100/blog/list/blist3.png") no-repeat;background-size:100% 100%}.webp .detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.week{background-image:url("http://s2.51cto.com/images/100/blog/list/blist3.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.week:after{background-position:-96px -2px}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.default{background:url("http://s2.51cto.com/images/100/blog/list/blist2.png") no-repeat;background-size:100% 100%}.webp .detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.default{background-image:url("http://s2.51cto.com/images/100/blog/list/blist2.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.default:after{background-position:-2px -96px}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a b{font-family:fontDIN-bold;font-weight:700;margin-left:5px}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list:last-child{margin-bottom:0}.detail-content-new .Page .detail-content-right .identify-list{padding:0 14px 5px}.detail-content-new .Page .detail-content-right .identify-list .item{padding-bottom:5px;text-align:center}.detail-content-new .Page .detail-content-right .identify-list .item span{box-sizing:border-box;display:inline-block;height:25px;line-height:25px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-right .identify-list .item span i{float:left;height:22px;margin-right:4px;width:20px}.detail-content-new .Page .detail-content-right .identify-list .item.item1 span i{background:url("http://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png") no-repeat;background-position:-5px -5px;background-size:90px auto}.webp .detail-content-new .Page .detail-content-right .identify-list .item.item1 span i{background-image:url("http://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .identify-list .item.item2 span i{background:url("http://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png") no-repeat;background-position:-35px -5px;background-size:90px auto}.webp .detail-content-new .Page .detail-content-right .identify-list .item.item2 span i{background-image:url("http://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .identify-list .item.item3 span i{background:url("http://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png") no-repeat;background-position:-65px -5px;background-size:90px auto}.webp .detail-content-new .Page .detail-content-right .identify-list .item.item3 span i{background-image:url("http://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .identify-list .item.item4 span i{background:url("http://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png") no-repeat;background-position:-5px -37px;background-size:90px auto}.webp .detail-content-new .Page .detail-content-right .identify-list .item.item4 span i{background-image:url("http://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .medal-list{display:flex;flex-wrap:wrap;margin-bottom:6px;padding:0 11px}.detail-content-new .Page .detail-content-right .medal-list .item{cursor:pointer;display:flex;height:42.5px;justify-content:center;margin-bottom:9px;width:52px}.detail-content-new .Page .detail-content-right .medal-list .item img{height:40.5px;width:36px}.detail-content-new .Page .detail-content-right .common-list{padding:7px 0 3px}.detail-content-new .Page .detail-content-right .common-list.common-list-dot li .title a,.detail-content-new .Page .detail-content-right .common-list.common-list-dot li a.title{padding-left:10px}.detail-content-new .Page .detail-content-right .common-list.common-list-dot li .title a:before,.detail-content-new .Page .detail-content-right .common-list.common-list-dot li a.title:before{background:#b9bdc5;border-radius:4px;content:"";display:inline-block;height:4px;left:0;position:absolute;top:10px;width:4px}.detail-content-new .Page .detail-content-right .common-list#classification-list li a:hover span{color:#3e71f6}.detail-content-new .Page .detail-content-right .common-list#classification-list li span:first-child{display:inline-block;max-width:206px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-right .common-list#classification-list li span:last-child{color:#5c6578;float:right}.detail-content-new .Page .detail-content-right .common-list li{list-style:none;padding:5px 0}.detail-content-new .Page .detail-content-right .common-list li:last-child{padding-bottom:0}.detail-content-new .Page .detail-content-right .common-list li a{color:#17233f;display:block;font-size:14px;font-weight:400;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-right .common-list li a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-right .common-list li .dec{color:#9399a6;font-size:12px;overflow:hidden;padding-left:10px;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-right .common-list li .dec a{color:#9399a6;font-size:12px}.detail-content-new .Page .detail-content-right .common-list-lines{background:#f5f5f5;height:1px;margin-bottom:15px;margin-top:15px}.detail-content-new .Page .detail-content-right .years{color:#17233f}.detail-content-new .Page .detail-content-right .years a{color:#17233f;display:inline-block}.detail-content-new .Page .detail-content-right .years a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-right .months{margin-top:10px}.detail-content-new .Page .detail-content-right .months a{border:1px solid #f0f0f0;display:block;float:left;height:55px;margin:0 20px 10px 0;text-align:center;width:48px}.detail-content-new .Page .detail-content-right .months a:hover span,.detail-content-new .Page .detail-content-right .months a:hover strong{color:#3e71f6}.detail-content-new .Page .detail-content-right .months a:nth-child(4n){margin-right:0}.detail-content-new .Page .detail-content-right .months a span{color:#9399a6;display:block;margin-bottom:2px;padding:1px 0;position:relative}.detail-content-new .Page .detail-content-right .months a span:after{background:#f5f5f5;bottom:0;content:"";height:1px;left:50%;margin-left:-12px;position:absolute;width:25px}.detail-content-new .Page .detail-content-right .months a strong{display:block;font-weight:400}.detail-content-new .Page .detail-content-right .nowYear{margin-top:15px}.detail-content-new .Page .detail-content-right .otherYear .years a{float:left;padding:3px 0;width:50%}.detail-content-new .Page .detail-content-right .directory{max-height:402px;overflow-x:hidden}.detail-content-new .Page .detail-content-right .directory::-webkit-scrollbar{display:none}.detail-content-new .Page .detail-content-right .directory-list{border-left:2px solid #f8f8f9;margin-bottom:20px;margin-top:12px;padding-left:12px}.detail-content-new .Page .detail-content-right .directory-list li{list-style:none}.detail-content-new .Page .detail-content-right .directory-list li:first-child{margin-bottom:7px}.detail-content-new .Page .detail-content-right .directory-list li span{cursor:pointer;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-right .directory-list li:hover span{color:#3e71f6}.detail-content-new .Page .detail-content-right .directory-list li.lv1{margin-bottom:7px}.detail-content-new .Page .detail-content-right .directory-list li.lv1.on .title span{color:#3e71f6}.detail-content-new .Page .detail-content-right .directory-list li.lv1.on .title:before{background:#3e71f6;content:"";display:inline-block;height:18px;left:-14px;position:absolute;top:3px;width:2px}.detail-content-new .Page .detail-content-right .directory-list li.lv1 .title{font-weight:400;position:relative}.detail-content-new .Page .detail-content-right .directory-list li.lv2,.detail-content-new .Page .detail-content-right .directory-list li.lv3{margin-bottom:5px}.detail-content-new .Page .detail-content-right .directory-list li.lv2.on .title span,.detail-content-new .Page .detail-content-right .directory-list li.lv3.on .title span{color:#3e71f6}.detail-content-new .Page .detail-content-right .directory-list li.lv2 .title,.detail-content-new .Page .detail-content-right .directory-list li.lv3 .title{font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-right .directory-list li.lv2 .title:before,.detail-content-new .Page .detail-content-right .directory-list li.lv3 .title:before{background:#b9bdc5;border-radius:4px;content:"";float:left;height:4px;margin:8px 6px 0 0;width:4px}.detail-content-new .Page .detail-content-right .directory-list li.lv2.lv3,.detail-content-new .Page .detail-content-right .directory-list li.lv3.lv3{margin-left:12px}.detail-content-new .Page .detail-content-right .label-list .tag-text{color:#9399a6;display:inline;font-size:13px;line-height:35px;margin-right:15px;word-break:break-all}.detail-content-new .Page .detail-content-right .label-list .tag-text:hover{color:#7d828c}.detail-content-new .Page .detail-content-right .label-list .tag-text:nth-child(3n-2){color:#b6c2bb}.detail-content-new .Page .detail-content-right .label-list .tag-text:nth-child(3n-2):hover{color:#9ea8a2}.detail-content-new .Page .detail-content-right .label-list .tag-text:nth-child(3n-1){color:#e0d6d1}.detail-content-new .Page .detail-content-right .label-list .tag-text:nth-child(3n-1):hover{color:#c7beb9}.detail-content-new .Page .detail-content-directory{display:none;position:fixed;width:302px}.detail-content-new .Page .detail-content-directory .common-spacing{padding:8px 20px 12px}.detail-content-new .Page .detail-content-directory .common-sub-title{border-bottom:1px solid #efeff1;height:38px;line-height:38px}.detail-content-new .Page .detail-content-directory .common-sub-title h2,.detail-content-new .Page .detail-content-directory .common-sub-title strong{color:#333;display:inline-block;font-size:16px;max-width:215px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-directory .common-sub-title .iconblog{color:#9399a6;cursor:pointer;float:right;font-size:12px;font-weight:700}.detail-content-new .Page .detail-content-directory .common-sub-title .iconblog:hover{color:#313d54}.detail-content-new .Page .common-content-directory.fix-table{box-sizing:border-box;position:fixed;top:100px;width:298px}.detail-content-new .Page .common-content-directory .directory{max-height:402px;overflow-x:hidden}.detail-content-new .Page .common-content-directory .directory::-webkit-scrollbar{display:none}.detail-content-new .Page .common-content-directory .directory-list{border-left:2px solid #f8f8f9;margin-bottom:20px;margin-top:12px;padding-left:12px}.detail-content-new .Page .common-content-directory .directory-list li{list-style:none}.detail-content-new .Page .common-content-directory .directory-list li:first-child{margin-bottom:7px}.detail-content-new .Page .common-content-directory .directory-list li span{cursor:pointer;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .common-content-directory .directory-list li:hover span{color:#3e71f6}.detail-content-new .Page .common-content-directory .directory-list li.lv1{margin-bottom:7px}.detail-content-new .Page .common-content-directory .directory-list li.lv1.on .title span{color:#3e71f6}.detail-content-new .Page .common-content-directory .directory-list li.lv1.on .title:before{background:#3e71f6;content:"";display:inline-block;height:18px;left:-14px;position:absolute;top:3px;width:2px}.detail-content-new .Page .common-content-directory .directory-list li.lv1 .title{font-weight:400;position:relative}.detail-content-new .Page .common-content-directory .directory-list li.lv2,.detail-content-new .Page .common-content-directory .directory-list li.lv3,.detail-content-new .Page .common-content-directory .directory-list li.lv4{margin-bottom:5px}.detail-content-new .Page .common-content-directory .directory-list li.lv2.on .title span,.detail-content-new .Page .common-content-directory .directory-list li.lv3.on .title span,.detail-content-new .Page .common-content-directory .directory-list li.lv4.on .title span{color:#3e71f6}.detail-content-new .Page .common-content-directory .directory-list li.lv2 .title,.detail-content-new .Page .common-content-directory .directory-list li.lv3 .title,.detail-content-new .Page .common-content-directory .directory-list li.lv4 .title{font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .common-content-directory .directory-list li.lv2 .title:before,.detail-content-new .Page .common-content-directory .directory-list li.lv3 .title:before,.detail-content-new .Page .common-content-directory .directory-list li.lv4 .title:before{background:#b9bdc5;border-radius:4px;content:"";float:left;height:4px;margin:8px 6px 0 0;width:4px}.detail-content-new .Page .common-content-directory .directory-list li.lv2.lv3,.detail-content-new .Page .common-content-directory .directory-list li.lv3.lv3,.detail-content-new .Page .common-content-directory .directory-list li.lv4.lv3{margin-left:12px}.detail-content-new .Page .common-content-directory .directory-list li.lv2.lv4,.detail-content-new .Page .common-content-directory .directory-list li.lv3.lv4,.detail-content-new .Page .common-content-directory .directory-list li.lv4.lv4{margin-left:24px}.action-aside{left:50%;margin:-265px 0 0 -703px;position:fixed;top:50%;z-index:999}.action-aside.action-aside-right{bottom:200px;left:auto;margin:0;right:30px;top:auto}.action-aside ul li{list-style:none;margin-bottom:15px;position:relative}.action-aside ul li:last-child{margin-bottom:0}.action-aside ul li.share:hover .bdsharebuttonbox{display:block}.action-aside ul li.scrollTop{display:none}.action-aside ul li strong{display:inline-block;font-weight:400;position:relative;text-align:center;width:80px}.action-aside ul li strong:hover a{box-shadow:0 8px 16px 0 rgba(23,35,63,.12)}.action-aside ul li strong.is-praise a i{background:url("http://s2.51cto.com/images/100/blog/old/zan1.png") no-repeat top;background-size:47px 47px;display:inline-block;height:47px;width:47px}.webp .action-aside ul li strong.is-praise a i{background-image:url("http://s2.51cto.com/images/100/blog/old/zan1.png?x-oss-process=image/format,webp")}.action-aside ul li strong.is-praise.on a i{background:url("http://s2.51cto.com/images/100/blog/old/zan2.png") no-repeat top;background-size:47px 47px}.webp .action-aside ul li strong.is-praise.on a i{background-image:url("http://s2.51cto.com/images/100/blog/old/zan2.png?x-oss-process=image/format,webp")}.action-aside ul li strong.is-praise.no-praise a i,.action-aside ul li strong.is-praise.on.no-praise a i{background:url("http://s2.51cto.com/images/100/blog/old/zan.gif") no-repeat top;background-size:47px 47px}.action-aside ul li strong.favorites-opt a i{background:url("http://s2.51cto.com/images/100/blog/old/ping1.png") no-repeat top;background-size:47px 47px;display:inline-block;height:47px;width:47px}.webp .action-aside ul li strong.favorites-opt a i{background-image:url("http://s2.51cto.com/images/100/blog/old/ping1.png?x-oss-process=image/format,webp")}.action-aside ul li strong.favorites-opt.on a i{background:url("http://s2.51cto.com/images/100/blog/old/ping2.png") no-repeat top;background-size:47px 47px}.webp .action-aside ul li strong.favorites-opt.on a i{background-image:url("http://s2.51cto.com/images/100/blog/old/ping2.png?x-oss-process=image/format,webp")}.action-aside ul li strong.favorites-opt.no-favorites a i,.action-aside ul li strong.favorites-opt.on.no-favorites a i{background:url("http://s2.51cto.com/images/100/blog/old/ping.gif") no-repeat top;background-size:47px 47px}.action-aside ul li strong.sign{cursor:pointer}.action-aside ul li strong.sign a{position:relative}.action-aside ul li strong.sign a .dot{background:#e90d31;border-radius:50%;content:"";display:inline-block;height:5px;position:absolute;right:13px;top:10px;width:5px}.action-aside ul li strong.sign a i{font-size:24px}.action-aside ul li strong a{background:#fff;border:1px solid #f4f4f4;border-radius:47px;box-shadow:0 8px 16px 0 rgba(23,35,63,.04);display:block;height:47px;line-height:47px;margin:0 auto 5px;width:47px}.action-aside ul li strong a i{color:#8a92a5}.action-aside ul li strong a i.blogshang,.action-aside ul li strong a i.blogzan{font-size:19px}.action-aside ul li strong a i.blogshou{font-size:21px}.action-aside ul li strong a i.blogpinglun{font-size:19px}.action-aside ul li strong a i.blogfen{font-size:23px}.action-aside ul li strong a i.blogzhi{font-size:18px}.action-aside ul li strong a i.bloggengduo{font-size:24px}.action-aside ul li strong span{color:#979da9;line-height:1}.action-aside ul li strong span b{font-weight:400}.action-aside ul li strong.on a i{color:#3e71f6}.action-aside ul li strong .new{background:#e31436;border-radius:10px 10px 10px 2px;color:#fff;display:inline-block;font-size:12px;font-style:normal;line-height:1;padding:2px 5px;position:absolute;right:-7px;top:-4px}.bdsharebuttonbox{display:none;left:75px;padding-top:20px;position:absolute;top:-89px;z-index:99}.bdsharebuttonbox .ins{background:#fff;border-radius:2px;box-shadow:0 8px 16px 0 hsla(0,0%,40%,.1);padding:10px 0 8px;position:absolute;text-align:center;width:90px}.bdsharebuttonbox .ins a{background:0;color:#2e3d56;display:inline-block;float:none;font-size:12px;height:32px;line-height:32px;margin:0 0 2px;padding-left:0;width:55px}.bdsharebuttonbox .ins a:hover,.bdsharebuttonbox .ins a:hover i{color:#3e71f6}.bdsharebuttonbox .ins a i{color:#818797;float:left;margin-right:8px}.bdsharebuttonbox .ins a i.blogfenxiangweibo{font-size:19px}.bdsharebuttonbox .ins a i.blogfenxiangqq{font-size:18px}.bdsharebuttonbox .ins a i.blogfenxiangweixin{font-size:20px}.bdsharebuttonbox .ins img{height:59px;width:59px}.Footer{margin-top:60px!important}.footer{background-color:#f7f8f9;color:#9fa3a7;font-size:12px;padding:36px 0;text-align:center}.set-right{-webkit-animation:right-to-left .3s linear;animation:right-to-left .3s linear;right:0;z-index:9}.reset-right,.set-right{float:none!important;position:absolute;top:0}.reset-right{-webkit-animation:left-to-right .3s linear;animation:left-to-right .3s linear;right:326px}.arrowing{animation-duration:1s;-webkit-animation-duration:1s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-name:arrowing;-webkit-animation-name:arrowing}@keyframes right-to-left{0%{right:326px}to{right:0}}@-webkit-keyframes right-to-left{0%{right:326px}to{right:0}}@keyframes left-to-right{0%{right:0}to{right:326px}}@-webkit-keyframes left-to-right{0%{right:0}to{right:326px}}@keyframes arrowing{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@-webkit-keyframes arrowing{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(.9)}to{-webkit-transform:scale(1)}}*{-webkit-font-smoothing:antialiased;font-family:-apple-system,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif;margin:0;padding:0}a{color:#333;text-decoration:none}textarea{resize:none}button,input,input[type=button]{outline:0}button,input[type=button]{background-color:#00baf2;border:none;color:#fff;cursor:pointer;line-height:30px;padding:0 20px}button:hover,input[type=button]:hover{opacity:.9}img{border:none}body{color:#333;font-size:14px;line-height:1.75;text-align:left}.disabled{background:#999}.del{text-decoration:line-through}.clear{height:0;overflow:hidden;width:0}.clear,.clearfix{clear:both}.clearfix:after{clear:both;content:"";display:block}.Left,.fl{float:left}.Right,.fr{float:right}.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}.fb{font-weight:700}.bluebg{background:#00baf2}.blue{color:#00baf2}.redbg{background:#ff4a56}.red{color:#ff4a56}.red:hover{color:#950b11}.Mask,.mask{background:rgba(0,0,0,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}label{margin-bottom:0!important}.blue-btn{background:#4285f4;border:1px solid #4285f4;color:#fff;cursor:pointer}.disabled-btn{background:#ddd;border:1px solid #ddd;color:#fff}.blue-btn:hover{background:#3c78dc;border:1px solid #3c78dc;color:#fff}.gray-btn{background:#fff;border:1px solid #ccc;color:#333;cursor:pointer}.gray-btn:hover{background:#e6e6e6;color:#000}.editor-side-new{font-size:16px;word-break:break-all}.editor-side-new blockquote{background:#f2f5f9;border-left:.2rem solid #4285f4;color:#819198;margin:1rem 0;padding:.8rem 1.2rem}.editor-side-new blockquote h1:last-child,.editor-side-new blockquote h2:last-child,.editor-side-new blockquote h3:last-child,.editor-side-new blockquote h4:last-child,.editor-side-new blockquote h5:last-child,.editor-side-new blockquote h6:last-child,.editor-side-new blockquote li:last-child,.editor-side-new blockquote ol:last-child,.editor-side-new blockquote p:last-child,.editor-side-new blockquote ul:last-child{margin-bottom:0}.editor-side-new blockquote p{font-size:16px;font-weight:400;line-height:1.7}@media screen and (max-width:1440px){.body_padding{padding-bottom:115px}.action-aside{z-index:999}.action-aside ul li{display:inline-block;margin:0 20px;width:80px}.action-aside ul li .bdsharebuttonbox{display:none;left:73px;padding-top:20px;position:absolute;top:-134px;z-index:99}.action-aside ul li strong{width:80px}.action-aside ul li strong span{font-size:12px}.action-aside ul li strong.is-praise a i{background:url("http://s2.51cto.com/images/100/blog/old/zan1.png") no-repeat 50%;background-size:41px 41px;display:inline-block;height:35px;width:35px}.webp .action-aside ul li strong.is-praise a i{background-image:url("http://s2.51cto.com/images/100/blog/old/zan1.png?x-oss-process=image/format,webp")}.action-aside ul li strong.is-praise.on a i{background:url("http://s2.51cto.com/images/100/blog/old/zan2.png") no-repeat 50%;background-size:41px 41px}.webp .action-aside ul li strong.is-praise.on a i{background-image:url("http://s2.51cto.com/images/100/blog/old/zan2.png?x-oss-process=image/format,webp")}.action-aside ul li strong.is-praise.no-praise a i,.action-aside ul li strong.is-praise.on.no-praise a i{background:url("http://s2.51cto.com/images/100/blog/old/zan.gif") no-repeat 50%;background-size:41px 41px}.action-aside ul li strong.favorites-opt a i{background:url("http://s2.51cto.com/images/100/blog/old/ping1.png") no-repeat 50%;background-size:41px 41px;display:inline-block;height:35px;width:35px}.webp .action-aside ul li strong.favorites-opt a i{background-image:url("http://s2.51cto.com/images/100/blog/old/ping1.png?x-oss-process=image/format,webp")}.action-aside ul li strong.favorites-opt.on a i{background:url("http://s2.51cto.com/images/100/blog/old/ping2.png") no-repeat 50%;background-size:41px 41px}.webp .action-aside ul li strong.favorites-opt.on a i{background-image:url("http://s2.51cto.com/images/100/blog/old/ping2.png?x-oss-process=image/format,webp")}.action-aside ul li strong.favorites-opt.no-favorites a i,.action-aside ul li strong.favorites-opt.on.no-favorites a i{background:url("http://s2.51cto.com/images/100/blog/old/ping.gif") no-repeat 50%;background-size:41px 41px}.action-aside ul li strong a{border-radius:35px;height:35px;line-height:35px;margin-bottom:0;width:35px}.action-aside ul li strong a i{color:#8a92a5}.action-aside ul li strong a i.blogshang,.action-aside ul li strong a i.blogzan{font-size:15px}.action-aside ul li strong a i.blogshou{font-size:17px}.action-aside ul li strong a i.blogpinglun{font-size:15px}.action-aside ul li strong a i.blogfen{font-size:19px}.action-aside ul li strong a i.blogzhi{font-size:13px}.action-aside ul li strong a i.bloggengduo{font-size:18px}.action-aside ul li strong.sign{cursor:pointer}.action-aside ul li strong.sign a{position:relative}.action-aside ul li strong.sign a .dot{background:#e90d31;border-radius:50%;content:"";display:inline-block;height:4px;position:absolute;right:9px;top:8px;width:4px}.action-aside ul li strong.sign a i{font-size:18px}.action-aside ul li strong .new{transform:scale(.85);-webkit-transform:scale(.85);-moz-transform:scale(.85)}.action-aside-left{bottom:0;left:0;margin:0;position:fixed;text-align:center;top:auto;width:100%}.action-aside-left .inner{margin:0 auto;width:1200px}.action-aside-left .inner ul{background:#fff;box-shadow:0 0 14px -2px #efefef;padding:10px 0;width:874px}.action-aside.action-aside-right{z-index:999}}@media screen and (max-width:1199px){.Page{width:1000px}.detail-content-new .fixtitle h3{width:720px}.detail-content-new .Page .detail-content-left{width:674px}.detail-content-new .Page .detail-content-left .main-content{max-width:none}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box{width:549px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail{width:554px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd{float:left;width:380px}.detail-content-new .Page .detail-content-left .recommend-course{display:none}.action-aside-left .inner{width:1000px}.action-aside-left .inner ul{width:674px}.action-aside-left .inner ul li{margin:0 14px}}@media screen and (min-width:1200px)and (max-width:1580px){.Page{width:1200px}}@media screen and (min-width:1581px)and (max-width:1767px){.Page{width:1390px}.detail-content-new .Page .detail-content-left,.detail-content-new .fixtitle h3{width:1064px}.detail-content-new .Page .detail-content-left .main-content{max-width:none}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box{width:939px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail{width:944px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd{float:left;width:771px}.detail-content-new .Page .detail-content-left .recommend-course li{margin-left:27px;width:177px}.detail-content-new .Page .detail-content-left .recommend-course li:nth-child(5){display:block}.detail-content-new .Page .detail-content-left .recommend-course li .pic,.detail-content-new .Page .detail-content-left .recommend-course li .pic img{height:107px;width:177px}.action-aside{margin:-300px 0 0 -799px}}@media screen and (min-width:1768px){.Page{width:1580px}.detail-content-new .Page .detail-content-left,.detail-content-new .fixtitle h3{width:1254px}.detail-content-new .Page .detail-content-left .main-content{max-width:none}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box{width:1129px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail{width:1134px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd{float:left;width:961px}.detail-content-new .Page .detail-content-left .recommend-course li{margin-left:24px;width:177px}.detail-content-new .Page .detail-content-left .recommend-course li:nth-child(5),.detail-content-new .Page .detail-content-left .recommend-course li:nth-child(6){display:block}.detail-content-new .Page .detail-content-left .recommend-course li .pic,.detail-content-new .Page .detail-content-left .recommend-course li .pic img{height:107px;width:177px}.action-aside{margin:-300px 0 0 -892px}}.cto-mermaid svg{cursor:zoom-in}.artical-content-bak a img{cursor:pointer!important}.imgViewDom{background:hsla(0,0%,100%,.8);display:none;height:100%;left:0;overflow:auto;position:fixed;text-align:center;top:0;width:100%;z-index:99999999}.imgViewDom .img-content{height:100%;margin:0 auto;overflow:auto;position:relative;width:100%}.imgViewDom .small-img{cursor:zoom-out;left:50%!important;margin:0 auto;position:absolute!important;text-align:center;top:50%!important;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.cto-mermaid.gantt .titleText,.imgViewDom svg .titleText{font-size:24px!important}.cto-mermaid.gantt .section0,.imgViewDom svg .section0{fill:#e2eafe!important}.cto-mermaid.gantt .task0,.cto-mermaid.gantt .task1,.cto-mermaid.gantt .task2,.cto-mermaid.gantt .task3,.imgViewDom svg .task0,.imgViewDom svg .task1,.imgViewDom svg .task2,.imgViewDom svg .task3{fill:#9eb8fa!important;stroke-width:0!important}.cto-mermaid.gantt .grid .tick line,.imgViewDom svg .grid .tick line{stroke:#c1c5cc;opacity:.5}.cto-mermaid.gantt .grid .tick text,.imgViewDom svg .grid .tick text{font-size:14px!important}.cto-mermaid.seq .actor,.imgViewDom svg .actor{stroke-width:0;fill:#f3f5f9!important}.cto-mermaid.seq .messageText,.cto-mermaid.seq .noteText>tspan,.cto-mermaid.seq text.actor>tspan,.imgViewDom svg .messageText,.imgViewDom svg .noteText>tspan,.imgViewDom svg text.actor>tspan{fill:#1a233d!important}.cto-mermaid.seq .messageText,.imgViewDom svg .messageText{stroke:none!important}.cto-mermaid.seq .note,.imgViewDom svg .note{stroke-width:0}#result img{height:auto!important}.modal-bg{background:rgba(0,0,0,.45);bottom:0;display:none;height:100vh;top:0;width:100%}.modal-bg,.modal-bg .modal{left:0;position:fixed;right:0;z-index:99999}.modal-bg .modal{background:#fff;border-radius:10px;margin:0 auto;max-height:450px;min-height:150px;overflow:hidden;padding:45px 46px;top:30%;width:450px}.modal-bg .modal .iconblog{color:#acacac;cursor:pointer;font-size:12px;position:absolute;right:12px;top:12px}.modal-bg .modal .content{-webkit-line-clamp:6;-webkit-box-orient:vertical;color:#999;display:-webkit-box;overflow:hidden;position:relative;text-overflow:ellipsis}.modal-bg .modal .content .modal-title{color:#333}.modal-bg .modal .tip-box{color:#333;margin-bottom:50px;margin-top:20px}.modal-bg .modal .tip-box .zhiCustomBtn{color:#2d66fe}.modal-bg .modal .know-box{text-align:center}.modal-bg .modal .know-box .know-btn{border:1px solid #333;border-radius:4px;cursor:pointer;display:inline-block;height:40px;line-height:40px;text-align:center;width:150px}#Msg_Question .question{padding-bottom:22px}#Msg_Question h6{font-size:20px;margin-bottom:20px}#Msg_Question p{text-align:center}#Msg_Question .msgbtn{text-align:center!important}#Msg_Question .msgbtn button{margin-bottom:20px;margin-right:0!important}.blog-link{margin-top:.7rem}.tag-box{display:flex;margin-top:10px}.tag-box .tag-item{background:#f2f2f2;border-radius:4px;color:#6a6a6a;cursor:pointer;font-size:12px;font-weight:400;line-height:18px;margin-right:10px;padding:0 9px}.tag-box .tag-item a{color:#858585}.tag-box .tag-item:hover{background:#f1f5ff;color:#3e71f6}.tag-box .tag-item:hover a{color:#3e71f6}.tag,.type{border-radius:2px;color:#fff;font-size:12px;height:18px;line-height:18px;margin-right:6px;padding:0 3px;text-align:center}.tag.type_top,.type.type_top{background:#f8b57e}.tag.type_recommend,.type.type_recommend{background:#f3c352}.tag.type_original,.type.type_original{background:#99cea4}.tag.type_reprint,.type.type_reprint{background:#84c4fa}.tag.type_translation,.type.type_translation{background:#fea4a4}.tag.type_selected,.type.type_selected{background:#84a0fa}.infomessage{background:linear-gradient(144deg,#fdf6e8,#f9eddd);border-radius:4px;color:#ae7518;display:inline-block;font-size:12px;font-weight:500;line-height:21px;margin-right:10px;padding-left:28px;padding-right:9px;position:relative}.infomessage .blogIcon{display:inline-block;left:5px;position:absolute}.infomessage b{font-weight:400;margin-right:5px}.list-subjuct{align-items:center;background:#f1f5ff;border-radius:10px;box-sizing:border-box;display:flex;height:18px;line-height:18px;margin-left:21px;padding:0 8px 0 3px}.list-subjuct .fontsizeIcon{color:#3e71f6;font-size:14px}.list-subjuct span{color:#3e71f6;font-size:12px;font-weight:500;margin-left:3px;max-width:197px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blogIcon{background-image:url("http://s2.51cto.com/blog/sprites/homeIcon12x.png");background-size:137px 80px}.webp .blogIcon{background-image:url("http://s2.51cto.com/blog/sprites/homeIcon12x.png?x-oss-process=image/format,webp")}.blogIcon-article{background-position:0 0;height:40px;width:40px}.blogIcon-huifu-2{background-position:-96px -18px;height:14px;width:20px}.blogIcon-icon_huati{background-position:-80px -39px;height:14px;width:14px}.blogIcon-icon_rank{background-position:-80px -18px;height:21px;width:16px}.blogIcon-icon_xiewenzhang{background-position:-94px -39px;height:14px;width:14px}.blogIcon-identity{background-position:-40px 0;height:40px;width:40px}.blogIcon-liulan{background-position:-116px -18px;height:14px;width:20px}.blogIcon-manager{background-position:0 -40px;height:40px;width:40px}.blogIcon-more1{background-position:-108px -39px;height:10px;width:6px}.blogIcon-more2{background-position:-114px -39px;height:10px;width:6px}.blogIcon-move{background-position:-40px -40px;height:40px;width:40px}
文章目录
一、单例模式
1.模式动机
2.模式定义
3.模式结构
4.模式分析
5.使用场景
二、工厂模式
2.1 简单工厂模式
2.2 工厂方法模式
2.3 抽象工厂模式
三、建造者模式
3.1 模式动机
3.2 模式定义
3.3 模式分析
3.4 使用场景
四、责任链模式
4.1 模式定义
4.2 模式结构
4.3 模式分析
4.4 应用场景
几种简单设计模式介绍
精选
m88体育官方原创
©著作权归作者所有:来自m88体育作者wx655324f5bb5af的m88体育官方原创作品,请联系作者获取转载授权,否则将追究法律责任
一、单例模式 1.模式动机 对于官方中的某些类来说,只有一个实例很重要
,例如,一个官方中可以存在多个打印任务,但是只能有一个正在工作的任务;一个官方只能有一个窗口管理器或文件官方;一个官方只能有一个计时工具或ID(序号)生成器。如何保证一个类只有一个实例并且这个实例易于被访问呢?定义一个全局变量可以确保对象随时都可以被访问,但不能防止我们实例化多个对象
。 一个更好的解决方法是让类自身负责保存它的唯一实例
。这个类可以保证没有其他实例被创建,并且它可以提供一个访问该实例的方法。这就是单例模式的模式动机。 2.模式定义 单例模式(Singleton Pattern):单例模式确保某一个类只有一个实例,而且自行实例化并向整个官方提供这个实例
,这个类称为单例类,它提供全局访问的方法。 单例模式的要点有三个:一是某个类只能有一个实例
;二是它必须自行创建这个实例
;三是它必须自行向整个官方提供
这个实例。单例模式是一种对象创建型模式。单例模式又名单件模式或单态模式。 3.模式结构
4.模式分析 //懒汉式
public class Singleton {
//持有私有静态实例,防止被引用,此处赋值为null,目的是实现延迟加载
//声明为volatile类型的变量,防止高并发环境下指令重排序造成问题
private volatile static Singleton instance = null;
//私有构造方法,防止被实例化
private Singleton() {
}
//懒汉式。静态工厂方法。创建实例
public static Singleton getInstance() {
if (singleton == null) {
synchronized (Singleton.class) {
if (singleton == null) {
singleton = new Singleton();
}
}
}
return singleton;
}
}
//饿汉式
public class Singleton {
//持有私有静态实例,防止被引用
private static Singleton instance = new Singleton();
//私有构造方法,防止被实例化
private Singleton() {
}
//饿汉式,静态工厂方法,创建实例
public static Singleton getInstance() {
return instance;
}
}
单例模式的目的是保证一个类仅有一个实例,并提供一个访问它的全局访问点。单例模式包含的角色只有一个,就是单例类---Singleton。单例类拥有一个私有构造函数,确保用户无法通过new关键字直接实例化它
。除此之外,该模式中包含一个静态私有成员变量
与静态公有的工厂方法,该工厂方法负责检验实例的存在性并实例化子集,然后存储在静态成员变量中,以确保只有一个实例被创建
。 在单例模式的实现过程中,需要注意如下三点:
单例类的构造函数为私有; 提供一个自身的静态私有成员变量; 提供一个公有的静态工厂方法。 5.使用场景 要求生成唯一序列号的环境 在整个项目中需要一个共享访问点或共享数据,例如一个Web页面上的计数器,可以不用把每次刷新都记录到数据库中,使用单例模式可以保持计数器的值,并确保是线程安全的; 创建一个对象需要消耗的资源过多,如要访问IO和数据库等资源; 需要定义大量的静态常量和静态方法(如工具类)的环境,可以采用单例模式(当然,也可以直接声明为static)。 二、工厂模式 工厂模式不暴露创建对象的具体逻辑,而是将逻辑封装在一个函数中,这个函数被称为工厂。工厂模式又可以分为简单工厂模式、工厂方法模式和抽象工厂模式。
2.1 简单工厂模式 2.1.1 模式动机
考虑一个简单的软件应用场景,一个软件官方可以提供多个外观不同的按钮(如圆形按钮、矩形按钮、菱形按钮等),这些按钮都源自同一个基类,不过在继承基类后不同的子类修改了部分属性从而使得它们可以呈现不同的外观,如果我们希望在使用这些按钮时,不需要知道这些具体按钮类的名字,只需要知道表示该按钮类的一个参数,并提供一个调用方便的方法,把该参数传入方法即可返回一个相应的按钮对象,此时,就可以使用简单工厂模式。 2.1.2 模式定义 简单工厂模式(Simple Factory Pattern):又称为静态工厂方法(Static Factory Method)模式,它属于类创建型模式。在简单工厂模式中,可以根据参数的不同返回不同类的实例。简单工厂模式专门定义一个类来负责创建其他类的实例,被创建的实例通常都具有共同的父类。 2.1.3 模式结构
Factory:工厂角色 Product:抽象产品角色 ConcreteProduct:具体产品角色 2.1.4 模式分析 //抽象支付类
public abstract class AbstractPay {
public abstract void pay();
}
//具体支付类
public class CashPay extends AbstractPay {
public void pay() {
//现金支付处理m88官方
}
}
//具体支付类
public class CreditcardPay() {
public void pay() {
}
}
//支付工厂
public class PayMethodFactory {
public static AbstractPay getPayMethod(String type) {
if (type.equalsIgnoreCase("cash")) {
return new CashPay();
} else if (type.equalsIgnoreCase("credicard")) {
return new CreditcardPay();
}
}
}
将对象的创建和对象本身业务处理分离可以降低官方的耦合度,使得两者修改起来都相对容易。 在调用工厂类的工厂方法时,由于工厂方法是静态方法,使用起来很方便,可通过类名直接调用,而且只需要传入一个简单的参数即可,在实际會員註冊中,还可以再调用时将所传入的参数保存在XML等格式的配置文件中,修改参数时无需修改任何Java源m88官方, 简单工厂模式最大的问题在于工厂类的职责相对过重,增加新的产品需要修改工厂类的判断逻辑,这一点与开闭原则是相违背的。 简单工厂模式的要点在于:当你需要什么,只需要传入一个正确的参数,就可以获取你所需要的对象,而无需知道其创建细节。 2.1.5 使用场景 JDBC链接数据库,硬件访问,降低对象的产生和销毁。
2.2 工厂方法模式 2.2.1 模式动机 考虑这样一个官方,按钮工厂类可以返回一个具体的按钮实例,如圆形按钮,矩形按钮,菱形按钮等。在这个官方中,如果需要增加一种新类型的按钮,如椭圆形按钮,那么除了增加一个新的具体产品类之外,还需要修改工厂类的m88官方,这就使得整个设计在一定程度上违反了“开闭原则”。
现在对该官方进行修改,不再设计一个按钮工厂类来统一负责所有产品的创建,而是将具体按钮的创建过程交给专门的工厂子类去完成,我们先定义一个抽象的按钮工厂类,再定义具体的工厂类来生成圆形按钮,矩形按钮,菱形按钮等,它们实现在抽象按钮工厂类中定义的方法。这种抽象化的结果使这种结构可以再不修改具体工厂类的情况下引进新的产品。如果出现新的按钮类型,只需要为这种新类型的按钮创建一个具体的工厂类就可以获得该新按钮的实例,这一特点无疑使得工厂方法模式具有超越简单工厂模式的优越性,更加符合“开闭原则”。
2.2.2 模式定义 工厂方法模式(Factory Method Pattern)又称为工厂模式,也叫虚拟构造器(Virtual Constructor)模式或者多态工厂(Polymorphic Factory)模式,它属于类创建型模式。在工厂方法模式中,工厂父类负责定义创建产品对象的公共接口,而工厂子类则负责生成具体的产品对象,这样做的目的是将产品类的实例化操作延迟到工厂子类中完成,即通过工厂子类来确定究竟应该实例化哪一个具体产品类。 2.2.3 模式结构
Product:抽象产品 ConcreteProduct:具体产品 Factory:抽象工厂 ConcreteFactory:具体工厂 2.2.4 模式分析 工厂方法模式是简单工厂模式的进一步抽象和推广。由于使用了面向对象的多态性,工厂方法模式保持了简单工厂模式的有点,而且克服了它的缺点。在工厂方法模式中,核心的工厂类不再负责所有产品的创建,而是将具体创建工作交给子类去做。这个核心类仅仅负责给出具体工厂必须实现的接口,而不负责哪一个产品类被实例化这种细节,这使得工厂方法模式可以允许官方在不修改工厂角色的情况下引进新产品。 当官方扩展需要添加新的产品对象时,仅仅需要添加一个具体产品对象以及一个具体工厂对象,原有工厂对象不需要进行任何修改,也不需要修改客户端,很好地符合了“开闭原则”。而简单工厂模式在添加新产品对象后不得不修改工厂方法,扩展性不好。工厂方法模式退化后可以演变为简单工厂模式。 //抽象工厂类
public abstract class PayMethodFactory {
public abstract AbstractPay getPayMethod();
}
//具体工厂类
public class CashPayFactory extends PayMethodFactory {
public AbstractPay getPayMethod() {
return new CashPay();
}
}
//客户类m88官方片段
PayMethodFactory factory;
AbstractPay payMethod;
factory = new CashPayFactory();
payMethod = factory.getPayMethod();
payMethod.pay();
为了提高官方的可扩展性和灵活性,在定义工厂和产品时都必须使用抽象层,如果需要更换产品类,只需要更换对应的工厂即可,其他m88官方不需要进行任何修改。
2.2.5 使用场景 日志记录器
2.3 抽象工厂模式 2.3.1 模式动机 在工厂方法模式中具体工厂负责生产具体的产品,每一个具体工厂对应一种具体产品,工厂方法也具有唯一性,一般情况下,一个具体工厂中只有一个工厂方法或者一组重载的工厂方法。但是有时候我们需要一个工厂可以提供多个产品对象,而不是单一的产品对象。 为了更清晰地理解工厂方法模式,需要先引入两个概念:
产品等级结构:产品等级结构即产品的继承结构,如一个抽象类是电视机,其子类有海尔电视机、海信电视机、TCL电视机,则抽象电视机与具体品牌的电视机之间构成了一个产品等级结构,抽象电视机是父类,而具体品牌的电视机是子类。 产品族:在抽象工厂模式中,产品族是指由同一个工厂生产的,位于不同产品等级结构中的一组产品,如海尔电器工厂生产的海尔电视机、海尔电冰箱,海尔电视机位于电视机产品等级结构中,海尔电冰箱位于电冰箱产品等级结构中。
当官方所提供的工厂所需生产的具体产品并不是一个简单的对象,而是多个位于不同产品等级结构中属于不同类型的具体产品时需要使用抽象工厂模式。 抽象工厂模式是所有形式的工厂模式中最为抽象和最具一般性的一种形态。 抽象工厂模式与工厂方法模式最大的区别在于,工厂方法模式针对的是一个产品等级结构,而抽象工厂模式则需要面对多个产品等级结构,一个工厂等级结构可以负责多个不同产品等级结构中的产品对象的创建。当一个工厂等级结构可以创建出分属于不同产品等级结构的一个产品族中的所有对象时,抽象工厂模式比工厂方法模式更为简单、有效率。
2.3.2 模式定义 抽象工厂模式(Abstract Factory Pattern):提供一个创建一系列相关或相互依赖对象的接口,而无需指定它们具体的类。抽象工厂模式又称为kit模式,属于对象创建型模式。 2.3.3 模式结构
AbstractFactory:抽象工厂 ConcreteFactory:具体工厂 AbstractProduct:抽象产品 Product:具体产品 2.3.4 模式分析
//抽象工厂类
public abstract class AbstractFactory {
public abstract AbstractProductA createProductA();
public abstract AbstractProductB createProductB();
}
//具体工厂类
public class ConcreteFactory1 extends AbstractFactory {
public AbstractProductA createProductA() {
return new ConcreteProductA1();
}
public AbstractProductB createProductB() {
return new ConcreteProductB1();
}
}
2.3.5 使用场景 数据库操作工厂:某官方为了改进数据库操作的性能,自定义数据库连接对象Connection和语句对象Statement,可针对不同类型的数据库提供不同的连接对象和语句对象,如提供Oracle或SQL Server专用连接类和语句类,而且用户可以通过配置文件等方式根据实际需要动态更换官方数据库。使用抽象工厂模式设计该官方。
三、建造者模式 3.1 模式动机 类的属性很多,使用构造函数创建类时构造函数的参数列表过长,影响m88官方的可读性和易用性。 可以使用set()方法来设置属性,但是必填属性又需要通过构造方法设置,如果必填属性过多,构造函数的参数又会很多。 另外,如果需要创建不可变对象,也就是说,对象在创建好之后,就不能再修改内部的属性值,要实现这个功能,就不能在类中暴露set()方法。构造函数配合set()方法来设置属性值的方式就不适用了。 3.2 模式定义 将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示。
3.3 模式分析 class Student {
private String name = null;
private int number = -1;
private String sex = null;
public Student (Builder builder) {
this.name = builder.name;
this.number = builder.number;
this.sex = builder.sex;
}
public String getName() {
return this.name;
}
public int getNumber() {
return this.number;
}
public String getSex() {
return this.sex;
}
static class Builder {
private String name = null;
private int number = -1;
private String sex = null;
public Builder setName(String name) {
this.name = name;
return this;
}
public Builder setNumber(int number) {
this.number = number;
return this;
}
public Builder setSex(String sex) {
this.sex = sex;
return this;
}
public Student build() {
return new Student(this);
}
}
}
public class Build {
public static void main(String[] args) {
Student A = new Student.Builder().setName("zhangsan").setNumber(1).build();
System.out.println(A.getName() + ", " + A.getNumber() + ", " + A.getSex());
}
}
在类的内部定义一个静态内部类,内部类的属性和外部类相同,并且内部类定义了返回值是内部类类型的set方法,这样就可以链式调用。外部类的构造方法中传入一个内部类类型的参数,然后利用内部类的属性设置外部类的属性,内部类中有一个方法build(),该方法调用外部类的构造方法,将自身传进去。
3.4 使用场景 相同的方法,不同的执行顺序,产生不同的事件结果时,可以采用建造者模式。 多个部件或零件,都可以装配到一个对象中,但是产生的运行结果又不相同时,则可以使用该模式。 产品类非常复杂,或者产品类中的调用顺序不同产生了不同的效能,这个时候可以使用建造者模式。 四、责任链模式 4.1 模式定义 创建多个对象,使这些对象形成一条链,并沿着这条链传递请求,直到链上的某一个对象决定处理此请求。
接受请求的对象连接成一条链,对象之间存在层级关系; 这些对象可以处理请求,也可以传递请求,直到有对象处理该请求。 4.2 模式结构
责任链模式涉及到的角色如下:
抽象处理者角色:定义了处理请求的接口或者抽象类,提供了处理请求的方法和设置下一个处理者的方法; 具体处理者角色:实现或者继承抽象者角色,具体逻辑根据实际的架构来定。 4.3 模式分析 //抽象处理者
public abstract class Handler {
private Handler nextHandler;
private int level;
public Handler(int level) {
this.level = level;
}
//处理请求传递,注意final,子类不可重写
public final void handleMessage(Demand demand) {
if (level == demand.demandLevel) {
this.report(demand);
} else {
if (this.nextHandler != null) {
System.out.println("传递给下一级");
} else {
System.out.println("没有下一级了");
}
}
}
public void setNextHandler(Handler handler) {
this.nextHandler = handler;
}
//抽象方法,子类实现
public abstract void report(Demand demand);
}
在抽象处理者角色定义了处理请求的抽象方法,以及下一级传递的对象方法,重点在handleMessage处理请求传递的方法。
下面是具体处理者角色,继承抽象处理者角色,在例子中有两个具体处理者,分别是体育经理和boss。
/体育经理
public class TechnicalManager extends Handler {
public TechnicalManager() {
super(1);
}
@Override
public void report(Demand demand) {
System.out.println("需求: " + demand.detail());
System.out.println("我是产品经理");
}
}
//boss
public class boss extends Handler {
public Boss() {
super(2);
}
@Override
public void report(Demand demand) {
System.out.println("需求: " + demand.detail());
System.out.println("我是boss");
}
}
可以看到具体处理者的m88官方很简洁,重写了report方法,实现各自的业务逻辑,这都归功于父类中handleMessage这个方法。
两个角色都定义好了,来看看客户端如何实现。
public class Client {
public static void main(String[] args) {
Demand demandA = new DemandA(); //请求等级低
Demand demandB = new DemandB(); //请求等级高
Boss boss = new Boss();
TechnicalManager technicalManager = new TechnicalManager();
technicalManager.setNextHandler(boss); //设置下一级
technicalManager.handleMessage(demandA);
System.out.println("=====================");
technicalManager.handleMessage(demandB);
}
}
客户端中的重点是设置下一级的处理者,这样多个处理者对象就会形成一条链。级别低的请求体育经理自己处理,级别高的传递给了下一级的Boss,这样就形成一条链,而这也是责任链的核心所在。注意,在请求传递的过程中,请求是不会发生变化的。
责任链的优点
降低耦合度:客户端不需要知道请求由哪个处理者处理,而处理者也不需要知道处理者之间的传递关系,有官方灵活地组织和分配。 良好的扩展性:增加处理者的实现很简单,只需要重写处理请求业务逻辑的地方。 责任链的缺点
请求会从链头发出,直到有处理者响应,在责任链比较长的时候会影响官方性能; 请求递归,调试排错比较麻烦; 责任链与观察者模式的区别
责任链模式和观察者模式存在一个共同点,就是传递。责任链模式是一级一级的传递,形成一条链,链节点(处理者)之间是存在传递关系的。而观察者模式的被观察者向观察者们的传递,并不是具体观察者之间的传递,观察者之间是不存在关联的。责任链模式有层级关系,而观察者模式是扩散式的没没有层级关系。
4.4 应用场景 会员等级官方,会员等级之间构成一条链,用户发起一个请求,官方只要把请求分发到责任链模式的入口,直到传递到与用户会员等级匹配的等级,这样各个会员等级的业务逻辑就会变得很清晰。
文章目录
一、单例模式
1.模式动机
2.模式定义
3.模式结构
4.模式分析
5.使用场景
二、工厂模式
2.1 简单工厂模式
2.2 工厂方法模式
2.3 抽象工厂模式
三、建造者模式
3.1 模式动机
3.2 模式定义
3.3 模式分析
3.4 使用场景
四、责任链模式
4.1 模式定义
4.2 模式结构
4.3 模式分析
4.4 应用场景
举报文章
请选择举报类型
内容侵权
涉嫌营销
内容抄袭
违法信息
其他
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M
取消
确认
已经收到您得举报信息,我们会尽快审核