@charset "UTF-8";
/* .usage-Method {//同一个样式里面不可以写多个include 失效
  @include clearfix();
  @include opacity(.2);
  @include inlineBlock();
  @include ellipsis();
} */
.search-wrap .search-main.introduce { margin-top: 0; }

.allsortLeft { float: left; width: 180px; margin: 30px 10px 0 0; font-family: Microsoft YaHei; position: relative; z-index: 100; }

.allsortLeft ul { position: absolute; width: 180px; transition: top .2s; }

.allsortLeft ul.fixed { position: fixed; top: 10px; }

.allsortLeft ul.fixed .selected a { color: #fff; }

.allsortLeft ul.absolute { bottom: 0px; }

.allsortLeft ul.absolute .selected a { color: #fff; }

.allsortLeft ul li { width: 180px; height: 30px; text-align: left; background-color: #f5f5f5; border-radius: 30px; color: #333; line-height: 30px; overflow: hidden; position: relative; cursor: pointer; margin: 0 auto 8px; }

.allsortLeft ul li:hover { color: #fff; }

.allsortLeft ul li a { display: block; }

.allsortLeft ul li a:hover { color: #fff; text-decoration: none; }

.allsortLeft ul li img { float: left; width: 26px; height: 26px; margin: 2px 5px 0 15px; z-index: 20; position: relative; }

.allsortLeft ul li i { float: left; width: 26px; height: 26px; margin: 2px 5px 0 15px; background: url(images/allsort.png?20171229) 0 0 no-repeat; z-index: 20; position: relative; border-radius: 13px; }

.allsortLeft ul li em { position: absolute; left: 16px; top: 3px; display: block; width: 24px; height: 24px; border-radius: 12px; }

.allsortLeft ul .a.selected, .allsortLeft ul .a:hover { background: linear-gradient(to left, #5cb0f2, #62ddfa); background-color: #5cb0f2; }

.allsortLeft ul .a em { background-color: #5cb0f2; }

.allsortLeft ul .b.selected, .allsortLeft ul .b:hover { background: linear-gradient(to left, #b585ea, #8ea5fd); background-color: #b585ea; }

.allsortLeft ul .b em { background-color: #b585ea; }

.allsortLeft ul .c.selected, .allsortLeft ul .c:hover { background: linear-gradient(to left, #f0a122, #edd759); background-color: #f0a122; }

.allsortLeft ul .c em { background-color: #f0a122; }

.allsortLeft ul .d.selected, .allsortLeft ul .d:hover { background: linear-gradient(to left, #0a95f2, #43cba9); background-color: #0a95f2; }

.allsortLeft ul .d em { background-color: #0a95f2; }

.allsortLeft ul .e.selected, .allsortLeft ul .e:hover { background: linear-gradient(to left, #41ad64, #63da94); background-color: #41ad64; }

.allsortLeft ul .e em { background-color: #41ad64; }

.allsortLeft ul .f.selected, .allsortLeft ul .f:hover { background: linear-gradient(to left, #5d69e6, #51a0d0); background-color: #5d69e6; }

.allsortLeft ul .f em { background-color: #5d69e6; }

.allsortLeft ul .g.selected, .allsortLeft ul .g:hover { background: linear-gradient(to left, #a43bed, #f06ee8); background-color: #a43bed; }

.allsortLeft ul .g em { background-color: #a43bed; }

.allsortLeft ul .h.selected, .allsortLeft ul .h:hover { background: linear-gradient(to left, #f01c84, #f889c4); background-color: #f01c84; }

.allsortLeft ul .h em { background-color: #f01c84; }

.allsortLeft ul .i.selected, .allsortLeft ul .i:hover { background: linear-gradient(to left, #05afb2, #52e9d4); background-color: #05afb2; }

.allsortLeft ul .i em { background-color: #05afb2; }

.allsortLeft ul .j.selected, .allsortLeft ul .j:hover { background: linear-gradient(to left, #b77bdd, #feb392); background-color: #b77bdd; }

.allsortLeft ul .j em { background-color: #b77bdd; }

.allsortLeft ul .k.selected, .allsortLeft ul .k:hover { background: linear-gradient(to left, #5691e4, #3ccedd); background-color: #5691e4; }

.allsortLeft ul .k em { background-color: #5691e4; }

.allsortLeft ul .l.selected, .allsortLeft ul .l:hover { background: linear-gradient(to left, #ff7500, #fdc438); background-color: #ff7500; }

.allsortLeft ul .l em { background-color: #ff7500; }

.allsortLeft ul .m.selected, .allsortLeft ul .m:hover { background: linear-gradient(to left, #5bae32, #b1e07f); background-color: #5bae32; }

.allsortLeft ul .m em { background-color: #5bae32; }

.allsortLeft ul .n.selected, .allsortLeft ul .n:hover { background: linear-gradient(to left, #f01768, #fc863d); background-color: #f01768; }

.allsortLeft ul .n em { background-color: #f01768; }

.allsortLeft ul .o.selected, .allsortLeft ul .o:hover { background: linear-gradient(to left, #ff8663, #fdb784); background-color: #ff8663; }

.allsortLeft ul .o em { background-color: #ff8663; }

.allsortLeft ul .p.selected, .allsortLeft ul .p:hover { background: linear-gradient(to left, #f60, #fa0); background-color: #f60; }

.allsortLeft ul .p em { background-color: #f60; }

.allsortLeft ul .goodGuid { margin-top: 12px; /*width: 180px;*/ width: 165px; padding-left: 15px; height: 40px; font-size: 14px; line-height: 40px; background: url("./images/goodGuid_ico01.png") center no-repeat; transition: all 0.2s linear 0s; }

.allsortLeft ul .goodGuid a { color: #fff; display: block; }

.allsortLeft ul .goodGuid:hover, .allsortLeft ul goodGuid.current { background: url("./images/goodGuid_ico01s.png") center no-repeat; box-shadow: 0 2px 12px #ffe0df; }

.introduce { font-family: Microsoft YaHei; overflow: hidden; }

.introduce > div { padding-left: 40px; }

.introduce > div h2 { font-size: 18px; font-weight: 600; line-height: 40px; margin-top: 30px; border-bottom: 1px solid #5cb0f2; }

.introduce > div ul { width: 1012px; overflow: hidden; }

.introduce > div ul li { float: left; }

.introduce > div ul li a { display: block; width: 200px; padding: 22px 53px 0 0; }

.introduce > div ul li a img { display: block; width: 200px; height: 200px; padding-bottom: 4px; }

.introduce > div ul li a p { height: 76px; overflow: hidden; margin-bottom: 26px; }

.introduce > div ul li a p em { display: block; font-size: 20px; color: #f40; height: 40px; line-height: 40px; }

.introduce > div .title-box { padding: 15px 0 5px; border-bottom: 1px solid #efefef; }

.introduce > div .title-box .t-left { padding-right: 20px; width: 72px; background-color: #fff; position: relative; }

.introduce > div .title-box .t-left a { float: left; max-width: 72px; overflow: hidden; white-space: nowrap; font-weight: 600; text-overflow: ellipsis; }

.introduce > div .title-box .t-left:after { display: inline-block; content: ">"; width: 10px; height: 18px; visibility: visible; position: absolute; top: 1px; font-family: arial; margin-left: 4px; }

.introduce > div .title-box .t-right { width: 868px; overflow: hidden; *padding-bottom: 10px; }

.introduce > div .title-box .t-right a { color: #666; float: left; padding: 0 12px; margin: 0 0 10px -1px; border-left: 1px solid #e0e0e0; white-space: nowrap; }

.introduce > div .title-box .t-right a:hover { color: #F60; }

.introduce > div .title-box .t-right i { padding: 0 12px 13px; color: #666; float: left; }

.introduce .a h2 { color: #5cb0f2; border-color: #5cb0f2; }

.introduce .a .title-box .t-left { color: #5cb0f2; }

.introduce .a .title-box .t-left a { color: #5cb0f2; }

.introduce .b h2 { color: #b585ea; border-color: #b585ea; }

.introduce .b .title-box .t-left { color: #b585ea; }

.introduce .b .title-box .t-left a { color: #b585ea; }

.introduce .c h2 { color: #f0a122; border-color: #f0a122; }

.introduce .c .title-box .t-left { color: #f0a122; }

.introduce .c .title-box .t-left a { color: #f0a122; }

.introduce .d h2 { color: #0a95f2; border-color: #0a95f2; }

.introduce .d .title-box .t-left { color: #0a95f2; }

.introduce .d .title-box .t-left a { color: #0a95f2; }

.introduce .e h2 { color: #41ad64; border-color: #41ad64; }

.introduce .e .title-box .t-left { color: #41ad64; }

.introduce .e .title-box .t-left a { color: #41ad64; }

.introduce .f h2 { color: #5d69e6; border-color: #5d69e6; }

.introduce .f .title-box .t-left { color: #5d69e6; }

.introduce .f .title-box .t-left a { color: #5d69e6; }

.introduce .g h2 { color: #a43bed; border-color: #a43bed; }

.introduce .g .title-box .t-left { color: #a43bed; }

.introduce .g .title-box .t-left a { color: #a43bed; }

.introduce .h h2 { color: #f01c84; border-color: #f01c84; }

.introduce .h .title-box .t-left { color: #f01c84; }

.introduce .h .title-box .t-left a { color: #f01c84; }

.introduce .i h2 { color: #05afb2; border-color: #05afb2; }

.introduce .i .title-box .t-left { color: #05afb2; }

.introduce .i .title-box .t-left a { color: #05afb2; }

.introduce .j h2 { color: #b77bdd; border-color: #b77bdd; }

.introduce .j .title-box .t-left { color: #b77bdd; }

.introduce .j .title-box .t-left a { color: #b77bdd; }

.introduce .k h2 { color: #5691e4; border-color: #5691e4; }

.introduce .k .title-box .t-left { color: #5691e4; }

.introduce .k .title-box .t-left a { color: #5691e4; }

.introduce .l h2 { color: #ff7500; border-color: #ff7500; }

.introduce .l .title-box .t-left { color: #ff7500; }

.introduce .l .title-box .t-left a { color: #ff7500; }

.introduce .m h2 { color: #5bae32; border-color: #5bae32; }

.introduce .m .title-box .t-left { color: #5bae32; }

.introduce .m .title-box .t-left a { color: #5bae32; }

.introduce .n h2 { color: #f01768; border-color: #f01768; }

.introduce .n .title-box .t-left { color: #f01768; }

.introduce .n .title-box .t-left a { color: #f01768; }

.introduce .o h2 { color: #ff8663; border-color: #ff8663; }

.introduce .o .title-box .t-left { color: #ff8663; }

.introduce .o .title-box .t-left a { color: #ff8663; }

.introduce .p h2 { color: #f60; border-color: #f60; }

.introduce .p .title-box .t-left { color: #f60; }

.introduce .p .title-box .t-left a { color: #f60; }

.allsortLeft .l, .introduce .l { float: none; }

.root1390 .introduce > div ul { width: 1280px; }

.root1390 .introduce > div ul li a { padding: 22px 120px 0 0; }

.root1390 .introduce .title-box .t-right { width: 1068px; }

.root990 .introduce > div { overflow: hidden; }

.root990 .introduce > div ul { width: 1120px; overflow: hidden; }

.root990 .introduce > div ul li a { padding: 22px 80px 0 0; }

.root990 .introduce .title-box .t-right { width: 668px; }