@charset "utf-8";
body{ color: #333;}
.contaninter{ width: 1200px; margin: 0 auto; clear: both;}
a:hover{ color: #f42f2f !important;}

.pull-left{ float: left; }
.pull-right{ float: right; }


/* 顶部导航*/
.top-nav{ background-color: #f2f2f2; border-bottom: 1px solid #eaeaea; font-size: 12px; line-height: 32px;}
.top-nav .text span{ padding-left: 15px;  color: #7300ab; position: relative;}
.top-nav .text span i{ padding-right: 5px; }
.top-nav .text span .layui-icon{ font-size: 14px; }
.top-nav .text span:hover .app{ display: block; }
.top-nav .app{ display: none; position: absolute; top: 32px; left: 0; z-index: 10;}
.top-nav .layui-nav{ background-color: transparent;}
.top-nav .layui-nav *{ font-size: 12px;}
.top-nav .layui-nav .layui-nav-item{ line-height: 32px; }
.top-nav .layui-nav .layui-nav-item a{ color: #333; padding: 0 10px;}
.top-nav .layui-nav .layui-nav-item a:hover, .top-nav .layui-nav .layui-this a{ color: #7300ab; }
.top-nav .layui-nav .layui-this:after, .top-nav .layui-nav-bar, .top-nav .layui-nav-tree .layui-nav-itemed:after{ height: 0;}
.top-nav .layui-nav .layui-nav-more{ border-color: #666 transparent transparent; right: -8px;}
.top-nav .layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more{ border-color: transparent transparent #666;}
.top-nav .layui-nav-child{ background-color: #f2f2f2; border-top: 0 none; top: 32px; line-height: 28px;}

/* 头部logo+搜索*/
.head{ margin: 15px 0 10px;}
.head .logo{ position: relative; }
.head .logo img{ width: 185px; }
.head .logo span{ position: absolute; bottom: 10px; left: 210px; height: 40px; text-indent: -9999px;}
.head .logo .link-cart{ background: url("../images/cart-icon.png"); width: 80px;}
.head .logo .link-login{ background: url("../images/login-icon.png"); width: 110px;}
.head .search{ display: inline-block; float: left; margin-top: 20px;}
.head .search .layui-form-item{ margin-bottom: 5px;}
.head .search .layui-form-pane .layui-input-block{ margin: 0; right: -2px; left: 1px; float: left; width: 400px;}
.head .search .layui-form-pane .layui-input-block .layui-input, .head .search .layui-input:hover, .layui-textarea:hover{ border-color: #333 !important; }
.head .search .layui-form-label{ background-color: #333; border: 1px solid #333; color: #fff; border-radius: 0 4px 4px 0; width: 60px; }
.head .search .layui-form-label i{ font-size: 18px; }
.head .search ul li{ float: left; padding-right: 10px; color: #999;}
.head .search ul li a{ font-size: 12px; color: #999;}
.head .cart{ display: inline-block; float: left; margin: 20px 0 0 20px; position: relative;}
.head .cart a{ background-color: #333;  border-radius: 4px; color: #fff; display: inline-block; padding: 0 15px; height: 38px; line-height: 38px;}
.head .cart a:hover{ color: rgba(255, 255, 255, .9)!important; }
.head .cart a i{ padding-right: 5px; }
.head .cart a .cart-hotword{ cursor: pointer; overflow: hidden; position: absolute; top: -2px; right: -2px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: #fff; background-color: #f42f2f; border-radius: 100%;}

/* 导航*/
.wrap-nav{ border-bottom: 2px solid #6f00af; position: relative;z-index: 9;}
.wrap-nav .contaninter{ position: relative;}
.wrap-nav .h-list ul{ padding-left: 190px; }
.wrap-nav .h-list li{ height: 39px; line-height: 39px; float: left;}
.wrap-nav .h-list li a{ padding: 0 28px 0 28px; font-size: 15px; font-weight: bold;}
.wrap-nav .h-list li a:hover{ color: #7300ab;}
.wrap-nav .h-list li .icon-hot{ background-position: 0 -240px; width: 29px; height: 17px; position: absolute; top: -10px; left: 324px;}

/* 脚注*/
.footer{ color: #333; padding: 30px 0; }
.footer a{ color: #333; }
.footer .footer-flex{ display: flex; padding-bottom: 10px; line-height: 25px; }
.footer .footer-flex:last-child{ padding-bottom: 0; }
.footer .footer-flex span{ font-weight: bold; white-space: nowrap; }
.footer .footer-flex a{ padding: 0 10px; }
.footer .footer-flex a:first-child{ padding-left: 0; }

@font-face{font-family:layui-icon;src:url(../layui/font/iconfont.eot);src:url(../layui/font/iconfont.eot) format('embedded-opentype'),url(../layui/font/iconfont.svg) format('svg'),url(../layui/font/iconfont.woff) format('woff'),url(../layui/font/iconfont.ttf) format('truetype')}.layui-icon{font-family:layui-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-icon-reply-fill:before{content:"\e611"}.layui-icon-set-fill:before{content:"\e614"}.layui-icon-menu-fill:before{content:"\e60f"}.layui-icon-search:before{content:"\e615"}.layui-icon-share:before{content:"\e641"}.layui-icon-set-sm:before{content:"\e620"}.layui-icon-engine:before{content:"\e628"}.layui-icon-close:before{content:"\1006"}.layui-icon-close-fill:before{content:"\1007"}.layui-icon-chart-screen:before{content:"\e629"}.layui-icon-star:before{content:"\e600"}.layui-icon-circle-dot:before{content:"\e617"}
.layui-icon-rate:before {content:"\e67b";}
.layui-icon-rate-solid:before { content:"\e67a";}
.layui-icon-rate-half:before{content:"\e6c9"}
.layui-icon-right:before { content:"\e602";}
.layui-icon-heart:before { content:"\e68c";}
.layui-icon-heart-fill:before { content:"\e68f";}
.layui-icon-search:before{ content: "\e615";}
.layui-rate,.layui-rate *{display:inline-block;vertical-align:middle}
.layui-rate{ font-size:0}
.layui-rate li i.layui-icon{color:#FF8000;margin-right:5px;transition:all .3s;-webkit-transition:all .3s;font-size: 20px;}
.layui-rate li i:hover{cursor:pointer;transform:scale(1.12);-webkit-transform:scale(1.12)}
.layui-rate[readonly] li i:hover{cursor:default;transform:scale(1)}