.columns{padding:60px 0;}
.columns .title{margin-bottom:35px;}
.columns-list{margin:0 -12px; position:relative; height:1000px;}
.columns-list>aside{display:block; width:33.3333%; padding:0 12px; position:absolute; top:0; left:0; visibility:hidden;}
.columns-list>aside[style]{visibility:visible;}
.columns-list>aside>span{display:block; padding:10px 25px 10px 35px; border-radius:10px; overflow:hidden; background:#eef2f8; background:;}
.columns-list>aside>span>h3{font-size:24px; line-height:36px; margin:36px 0;}
.columns-list>aside>span>h3>img{float:right; height:108px; margin:-36px 10px; position:relative;}
.columns-list>aside.has>span>h3>img{top:12px;}
.columns-list>aside>span>h3>a{display:inline; line-height:1.5;}
.columns-list>aside>span>ul{margin-bottom:38px;}
.columns-list>aside>span>ul>li{display:block; margin-top:12px; float:left; width:50%}
.columns-list>aside>span>ul>li>a{display:inline-block; font-size:15px;}
.columns-list>aside>span>ul>li>a:before{content:'>'; font-family:'SimSun'; font-weight:bold; margin-right:8px; float:left; color:#2b7ffe;}
@media(max-width:1199px){
.columns{padding:40px 0;}
.columns .title{margin-bottom:25px;}
.columns-list{margin:0 -9px;}
.columns-list>aside{padding:0 9px;}
.columns-list>aside>span{padding-left:18px;}
.columns-list>aside>span>h3{font-size:21px; line-height:28px; margin:28px 0;}
.columns-list>aside>span>h3>img{height:92px; margin:-28px 10px;}
.columns-list>aside>span>ul{margin-bottom:28px;}
.columns-list>aside>span>ul>li{margin-top:8px;}
.columns-list>aside>span>ul>li>a{font-size:14px;}
}
@media(max-width:991px){
.columns-list>aside{width:50%;}
}
@media(max-width:767px){
.columns{padding:20px 0;}
.columns .title{margin-bottom:15px;}
.columns-list{margin:0 -4px;}
.columns-list>aside{padding:0 4px; width:100%;}
.columns-list>aside>span{padding-left:14px;}
.columns-list>aside>span>h3{font-size:19px; line-height:25px; margin:18px 0;}
.columns-list>aside>span>h3>img{height:78px; margin:-18px 10px;}
.columns-list>aside>span>ul{margin-bottom:18px;}
.columns-list>aside>span>ul>li{margin-top:4px;}
}





.productlist{padding:60px 0;}
@media(max-width:1199px){
.productlist{padding:40px 0;}
}
@media(max-width:767px){
.productlist{padding:20px 0;}
}

.productlist-nav{margin-top:35px;}
.productlist-nav>ul{margin:0 -8px;}
.productlist-nav>ul:after{display:block; content:''; clear:both;}
.productlist-nav>ul>li{float:left; width:25%; padding:0 8px; margin-bottom:16px;}
.productlist-nav>ul>li>span{display:block; background:#eef2f8; border-radius:5px; padding:0 18px; line-height:48px;}
.productlist-nav>ul>li>span:after{display:block; content:''; clear:both;}
.productlist-nav>ul>li>span>a.link{float:left; max-width:90%; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.productlist-nav>ul>li>span>a.link:before{content:'>'; font-family:'SimSun'; font-weight:bold; margin-right:8px; float:left; color:#2b7ffe;}
.productlist-nav>ul>li>span>a.list{float:right; max-width:10%; text-align:right; font-size:16px; color:#e7053a;}
.productlist-nav>ul>li>span>a.list:hover{color:#2b7ffe;}
@media(max-width:1199px){
.productlist-nav{margin-top:25px;}
.productlist-nav>ul>li{width:33.3333%;}
.productlist-nav>ul>li>span>a.link{font-size:15px;}
}
@media(max-width:992px){
.productlist-nav>ul>li{width:50%;}
}
@media(max-width:767px){
.productlist-nav{margin-top:15px;}
.productlist-nav>ul{margin:0 -4px;}
.productlist-nav>ul>li{width:100%; padding:0 4px; margin-bottom:8px;}
.productlist-nav>ul>li>span{padding:0 12px; line-height:38px;}
.productlist-nav>ul>li>span>a.link{font-size:14px;}
}


.productlist-tab{border-bottom:1px solid #d8d8d8; margin:35px 0;}
.productlist-tab a{float:left; font-size:18px; padding:10px 15px; transition:0s;}
.productlist-tab a+a{margin-left:10px;}
.productlist-tab a.on{font-weight:bold; border-bottom:3px solid #2b7ffe;}
@media(max-width:1199px){
.productlist-tab{margin:25px 0;}
}
@media(max-width:767px){
.productlist-tab{margin:15px 0;}
.productlist-tab a{font-size:16px; padding:4px 8px;}
.productlist-tab a+a{margin-left:5px;}
}


.productlist-detail{font-size:16px; display:none;}
.productlist[tab="desc"] .productlist-detail{display:block;}
.productlist-detail p+p{margin-top:14px;}
@media(max-width:1199px){
.productlist-detail{font-size:15px;}
}
@media(max-width:767px){
.productlist-detail{font-size:14px;}
}

.productlist-container{display:none;}
.productlist[tab="list"] .productlist-container{display:block;}



.productlist-switch{text-align:right; font-size:15px; position:relative; top:-10px;}
.productlist-switch>u{display:inline-block; text-decoration:none; cursor:pointer; user-select:none;}
.productlist-switch>u>i{margin-right:6px; color:#989898;}
.productlist-switch>u.on{font-weight:bold;}
.productlist-switch>u.on>i{color:#2b7ffe;}
.productlist-switch>a{display:inline-block; margin-left:18px;}
.productlist-switch>a>i{margin-right:6px; color:#e7053a;}
@media(max-width:767px){
.productlist-switch{font-size:14px; top:-5px;}
}


.productlist-param{background:#eef2f8; padding:10px 20px; border-radius:10px; overflow:hidden; position:relative;}
.productlist-param.load:before{position: absolute; content:''; top:0; right: 0; bottom: 0; left: 0; z-index: 1; background:rgba(255,255,255,.58);}
.productlist-param.load:after{position: absolute; top:50%; left: 50%; content:"\eec1"; font-family:'remixicon' !important; text-align:center; 
font-size:30px; line-height:30px; width:30px; height:30px; margin:-15px 0 0 -15px; z-index:2; 
animation:spin 1s linear infinite; -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite; -o-animation:spin 1s linear infinite;}
.productlist-param>aside{overflow:auto; font-size:0; padding:10px 0; white-space:nowrap;}
.productlist-param>aside>dl{background:#fff; padding:15px; border-radius:5px;}
.productlist-container dl.param{display:inline-block; font-size:14px; min-width:16.05%;}
.productlist-container dl.param+dl{margin-left:10px;}
.productlist-container dl.param>dt{font-size:15px; font-weight:bold; margin-bottom:12px; line-height:1;}
.productlist-container dl.param>dd{display:block;}
.productlist-container dl.param>dd>ins{position:relative; display:block;}
.productlist-container dl.param>dd>ins>i{position:absolute; right:8px; top:0; line-height:32px; z-index:8;}
.productlist-container dl.param>dd>ins>input{border-radius:5px; line-height:20px; padding:5px 25px 5px 12px; width:150px; min-width:100%; display:block; height:32px; border:1px solid #d8d8d8; box-shadow:none; background:#fff;}
.productlist-container dl.param>ul{overflow:auto; height:158px; margin-top:15px;}
.productlist-container dl.param>ul>li{line-height:1; position:relative; padding-left:18px; margin-bottom:10px;}
.productlist-container dl.param>ul>li:last-child{margin-bottom:0;}
.productlist-container dl.param>ul>li>a{display:inline-block; color:#181818;}
.productlist-container dl.param>ul>li>a.disabled{opacity:0.3; cursor:default;}
.productlist-container dl.param>ul>li>a.disabled.default{display:none;}
.productlist-container dl.param>ul>li>a:not(.disabled):hover{color:#2b7ffe;}
.productlist-container dl.param>ul>li>a>i{position:absolute; cursor:pointer; background:#fff; width:14px; height:14px; margin-top:-7px; left:0; top:50%; border-radius:3px; box-shadow:inset 0 0 6px rgba(0,0,0,.04); border:1px solid #989898;}
.productlist-container dl.param>ul>li>a.disabled>i{cursor:default;}
.productlist-container dl.param>ul>li>a>i.active{line-height:12px; text-align:center; overflow:hidden; color:#fff; font-family:'remixicon'; font-style:normal; font-size:12px; background:#2b7ffe; border-color:#2b7ffe;}
.productlist-container dl.param>ul>li>a>i.active:before{content:"\eb7a";}
.productlist-container dl.param>ul>li>a.disabled>i.active{background:#333; border-color:#333;}
@media(max-width:1199px){
.productlist-param{padding:5px 10px;}
.productlist-param>aside{padding:5px 0;}
}
@media(max-width:767px){
.productlist-param{padding:4px 8px; border-radius:5px;}
.productlist-param>aside{padding:4px 0;}
.productlist-container dl.param+dl{margin-left:8px;}
.productlist-param>aside>dl{padding:8px;}
.productlist-container dl.param>ul{margin-top:10px; height:145px;}
.productlist-container dl.param>ul>li{margin-bottom:8px;}
.productlist-container dl.param>ul>li:last-child{margin-bottom:0;}
}
@keyframes spin{ from{transform:rotate(0deg);} to{transform:rotate(360deg);} }
@-webkit-keyframes spin{ from{-webkit-transform:rotate(0deg);} to{-webkit-transform:rotate(360deg);} }
@-moz-keyframes spin{ from{-moz-transform:rotate(0deg);} to{-moz-transform:rotate(360deg);} }
@-o-keyframes spin{ from{-o-transform:rotate(0deg);} to{-o-transform:rotate(360deg);} }


.productlist-box{display:block;}
.productlist-box>ul{margin:0 -8px;}
.productlist-box>ul:after{display:block; content:''; clear:both;}
.productlist-box>ul>li{float:left; width:50%; padding:0 8px; margin-top:16px;}
.productlist-box>ul>li>aside{border:1px solid #d8d8d8; border-radius:10px; position:relative;}
.productlist-box>ul>li>aside:after{display:block; content:''; clear:both;}
.productlist-box>ul>li>aside>i[gid]{display:none; position:absolute; left:15px; top:15px; z-index:88;}
.productlist-box>ul>li>aside>span{float:left; width:40%; text-align:center; font-size:0; padding:14px 0 22px 0;}
.productlist-box>ul>li>aside>span>a{display:inline-block;}
.productlist-box>ul>li>aside>span>a>img{display:block; margin:0 auto; height:108px;}
.productlist-box>ul>li>aside>span>ins{display:block; font-style:normal; margin-top:10px;}
.productlist-box>ul>li>aside>span>ins>a{display:inline-block; line-height:30px; font-size:12px; padding:0 15px; border-radius:50px; background:#eef2f8; color:#181818;}
.productlist-box>ul>li>aside>span>ins>u{display:inline-block; width:6%; height:8px;}
.productlist-box>ul>li>aside>span>ins>a>i{margin-right:4px; color:#e7053a;}
.productlist-box>ul>li>aside>span>ins>a>img{margin-right:6px; height:18px; display:inline-block; vertical-align:middle; position:relative; top:-1px;}
.productlist-box>ul>li>aside>span>ins>a:hover{color:#fff; background:#2b7ffe;}
.productlist-box>ul>li>aside>div{float:left; width:30%; padding:24px 0 20px 20px;}
.productlist-box>ul>li>aside>div>h3{font-size:18px; line-height:28px; position:relative; top:-4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.productlist-box>ul>li>aside>div>dl{display:block; line-height:28px;}
.productlist-box>ul>li>aside>div>dl:after{display:block; content:''; clear:both;}
.productlist-box>ul>li>aside>div>dl>dt{float:left; color:#686868;}
.productlist-box>ul>li>aside>div>dl>dt:after{content:':'; font-weight:bold; padding:0 10px 0 2px;}
.productlist-box>ul>li>aside>div>dl>dd{float:left;}
@media(max-width:1199px){
.productlist-box>ul>li{width:100%;}
}
@media(max-width:767px){
.productlist-box>ul{margin:0 -4px;}
.productlist-box>ul>li{padding:0 4px; margin-top:8px;}
.productlist-box>ul>li>aside{border-radius:5px;}
.productlist-box>ul>li>aside>i[gid]{left:8px; top:8px;}
.productlist-box>ul>li>aside>span{width:100%; padding:8px 0 12px 0;}
.productlist-box>ul>li>aside>span:after{display:block; content:''; clear:both;}
.productlist-box>ul>li>aside>span>a{float:left; width:50%; padding-left:12px;}
.productlist-box>ul>li>aside>span>ins{float:left; width:50%; padding-left:12px; margin:0;}
.productlist-box>ul>li>aside>span>ins>a{margin-top:12px;}
.productlist-box>ul>li>aside>span>ins>u{display:block; width:100%; height:6px;}
.productlist-box>ul>li>aside>div{width:50%; padding:0 0 8px 12px;}
.productlist-box>ul>li>aside>div>h3,
.productlist-box>ul>li>aside>div>dl{line-height:26px;}
}




.productlist-table{position:relative; overflow:auto;}
.productlist-table.load:before{position: absolute; content:''; top:0; right: 0; bottom: 0; left: 0; z-index: 1; background:rgba(255,255,255,.58);}
.productlist-table.load:after{position: absolute; top:50%; left: 50%; content:"\eec1"; font-family:'remixicon' !important; text-align:center; 
font-size:30px; line-height:30px; width:30px; height:30px; margin:-15px 0 0 -15px; z-index:2; 
animation:spin 1s linear infinite; -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite; -o-animation:spin 1s linear infinite;}


.productlist-fix{position:fixed; bottom:20px; left:50%; z-index:888888; padding:15px 40px 15px 20px; border-radius:10px;
display:none; box-shadow:0 2px 8px rgba(0,0,0,.18); width:522px; margin-left:-261px; background:#2b7ffe;}
.productlist[tab="list"] .productlist-container.select + .productlist-fix{display:block;}
.productlist-fix>span{float:left; font-size:16px; width:180px;}
.productlist-fix>span>b{display:block; font-weight:normal; margin-bottom:4px; color:#fff;}
.productlist-fix>span>u{display:inline-block; font-style:normal; cursor:pointer; color:#d8d8d8;  cursor:no-drop;}
.productlist-fix>button{float:left; padding:8px 18px; margin:10px 15px; font-size:15px; line-height:24px; border-radius:5px; border:none; cursor:pointer; background:#fff; cursor:no-drop; color:#989898;}
.productlist-fix>i{color:#fff; position:absolute; top:10px; right:10px; font-size:20px; line-height:1; cursor:pointer;}
.productlist-fix>i:hover{color:#e7053a;}
.productlist-fix.selected>span>u{color:#fff; cursor:pointer;}
.productlist-fix.selected>span>u:hover{color:#e7053a;}
.productlist-fix.selected>button{ box-shadow:0 2px 8px rgba(0,0,0,.18); cursor:pointer; color:#181818;}
.productlist-fix.selected>button:hover{color:#fff; background:#224eb5;}
@media(max-width:767px){
.productlist-fix{padding:10px 30px 10px 10px; border-radius:5px; box-shadow:0 2px 8px rgba(0,0,0,.18); width:320px; margin-left:-160px;}
.productlist-fix>span{float:none; font-size:15px; width:100%; display:block;}
.productlist-fix>span>b{margin-bottom:0;}
.productlist-fix>i{top:8px; right:8px; font-size:18px;}
.productlist-fix>button{padding:6px 16px; margin:10px 10px 0 0; font-size:14px; border-radius:3px;}
}



.productlist-container i[gid]{display:none; cursor:pointer; background:#fff; width:20px; height:20px; vertical-align:middle; border-radius:5px; box-shadow:inset 0 0 5px rgba(0,0,0,.05); border:1px solid #989898;}
.productlist-container i[gid]:hover{box-shadow:inset 0 0 5px rgba(0,0,0,.1); border-color:#686868;}
.productlist-container i[gid].on{line-height:18px; text-align:center; overflow:hidden; color:#fff; font-family:'remixicon'; font-style:normal; font-size:16px; background:#2b7ffe; border-color:#2b7ffe;}
.productlist-container i[gid].on:before{content:"\eb7a";}
.productlist-container.select i[gid]{display:inline-block;}

.productlist-file{display:none;}
.productlist[tab="file"] .productlist-file{display:block;}

.productlist-data{display:none;}
.productlist[tab="data"] .productlist-data{display:block;}