#themes{}
#themes .wide{ width: 1100px; min-width: 1100px;}
/* #themes .banner{ margin-top: 80px; height: 300px; background: url(../images/themes/themes_bg.jpg) no-repeat center center; background-size: cover; position: relative; } */
#themes .banner.new_ban{ height: 285px; background: url(../images/themes/new_themes_bg.png) no-repeat center center; background-size: cover; position: relative; }
#themes .banner .brief{ font-size: 40px; font-family: sssm; color: #333; position: absolute; top: 43%; left: 50%; transform: translate(-50%,-50%); }
#themes .main{ margin-top: 68px; text-align: center; }
#themes .main .listMenu{ display: inline-block; border: 1px solid #717b85;  border-radius: 5px;overflow: hidden;}
#themes .main .listMenu ul{ font-size: 0; }
#themes .main .listMenu ul li{ display: inline-block; width: 162px; height: 46px;line-height: 46px; border-left: 1px solid #bcc1c6; font-size: 18px; color: #bcc1c6; text-align: center; cursor: pointer; }
#themes .main .listMenu ul li.on{ background: #f4f5f6; color: #333; }
#themes .main .listMenu ul li:first-child{ border-left: none; }
#themes .main .themesList{display: none; margin-top: 65px; }
#themes .main .themesList.on{ display: block; }
#themes .main .themesList .item{ float: left; margin-right: 80px;margin-bottom: 50px; width: 300px; height: 467px;  border-top-left-radius: 5px; border-top-right-radius: 5px; background: #b9cbd7; position: relative; box-shadow: 0 0 7px #aaa; }
#themes .main .themesList .item:nth-child(3n){ margin-right: 0;}
#themes .main .themesList .item .itemTop{ text-align: left;  padding: 0 10px; height: 16px; line-height: 16px; }
#themes .main .themesList .item .itemTop span{ display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #fff; vertical-align: middle; }
#themes .main .themesList .item .Pic{ width: 100%; height: calc(467px - 16px); position: relative; overflow: hidden; }
#themes .main .themesList .item .Pic img{  width: 100%; max-height: unset; position: absolute; top: 0; left: 0; }
#themes .main .themesList .item .Pic .Content{ display: flex; justify-content: center; align-items: center; opacity: 0; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top: 0; left: 0; font-size: 0; }
#themes .main .themesList .item .Pic .Content a{ display: inline-block; width: 80px; height: 44px;line-height: 44px; border-radius: 35px; font-size: 18px; color: #fff; font-weight: bold; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;}
#themes .main .themesList .item .Pic .Content a.select{ margin-right: 29px; border: 1px solid #fbb93c; background-color: #fbb93c; position: relative; overflow: hidden; }
#themes .main .themesList .item .Pic .Content a.show{ border: 1px solid #fbb93c; background-color: transparent; position: relative; overflow: hidden; }
#themes .main .themesList .item:hover{ box-shadow: 3px 3px 12px 2px #aaaaaad4; }
#themes .main .themesList .item:hover .Pic .Content{ opacity: 1; }
#themes .main .themesList .last_item{ float: left; margin-bottom: 50px; width: 300px; height: 467px;  border-top-left-radius: 5px; border-top-right-radius: 5px; background: #b9cbd7; position: relative; box-shadow: 0 0 7px #aaa;}
#themes .main .themesList .last_item .control{ display: flex; justify-content: center; align-items: center; width: 100%; height: calc(100% - 16px); text-align: center; background: #eee;}
#themes .main .themesList .last_item .text{ width: 100%; line-height: 30px; font-size: 18px; color: #000;}
#themes .main .themesList .last_item .btn_list{ margin-top: 10px; width: 100%; text-align: center;}
#themes .main .themesList .last_item .btn_list a{ border-bottom: 1px solid #1f5ce0; font-size: 14px; color: #1f5ce0;}