.trademarklist{height:100%;width:100%;position:relative}.trademarklist .content{padding-top:100px;position:relative}.trademarklist .content .submenu{box-shadow:0 0 5px #ccc;width:160px;z-index:10;position:fixed;top:100px;background:#fff;height:calc(100vh - 100px);overflow-y:auto}.trademarklist .content .submenu li{cursor:pointer}.trademarklist .content .submenu .toggleIcon span{display:inline-block;width:100%;height:20px;background:#f6f6f6;text-align:left;line-height:20px;padding-top:5px}.trademarklist .content .submenu .toggleIcon span i{color:#a0a9b0;font-size:18px;color:#006ab5}.trademarklist .content .submenu .subMenuUl .compsubmenu>ul>.el-submenu{border-bottom:1px solid #eee}.trademarklist .content .submenu .subMenuUl .compsubmenu>ul>.is-opened>.el-submenu__title{color:#0e4a7e;font-weight:800}.trademarklist .content .main{min-height:600px;padding-bottom:30px}.trademarklist .content .main .newagentDatail .boxcontent{background:#fff}.trademarklist .content .main .newagentDatail .boxcontent .header{padding:20px;display:flex;justify-content:space-between}.trademarklist .content .main .newagentDatail .boxcontent .header .outdataSelect{border:1px solid #000;border-radius:4px}.trademarklist .content .main .newagentDatail .boxcontent .header .outdataSelect .el-input__inner{border:none;width:160px;height:30px;padding-left:0}.trademarklist .content .main .newagentDatail .boxcontent .header .outdataSelect .selectclass .el-input__inner{padding-left:5px!important}.trademarklist .content .main .newagentDatail .boxcontent .header .outdataSelect .el-select .el-input__icon{display:none}.trademarklist .content .main .newagentDatail .boxcontent .header .outdataSelect .el-select input::-webkit-input-placeholder{color:#000}.trademarklist .content .main .newagentDatail .boxcontent .header .outdata{color:#0f4d80;font-size:13px;line-height:30px;cursor:pointer}.trademarklist .content .main .newagentDatail .boxcontent .header>div:first-of-type .img1{display:inline-block;width:10px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAIAAADUCbv3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4QjNFNUMxNjhEQzExRUFCRThEOTZERTA0RUU2RkZGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4QjNFNUMyNjhEQzExRUFCRThEOTZERTA0RUU2RkZGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjhCM0U1QkY2OERDMTFFQUJFOEQ5NkRFMDRFRTZGRkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjhCM0U1QzA2OERDMTFFQUJFOEQ5NkRFMDRFRTZGRkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4njkyEAAABRElEQVR42hxQMUgDUQxN8ltaipYKWqQuUkp1Ezwqbipiz0UFEVcVVFzE3Y4u3RSnDhXBSQcXEReHgtDFIm6CuElxUMSK2FLvLjH/AoH8vJeX94MsUr1plM9qHgeuk91ZmXGyadBABiB8eHmb36t4wPalTTCbi4WD9WIsFhXtnN8+dpUrpBhDRMCrXNUX9k8/Wm0EpsZz0yqF0wC+rTF+/9RcKp38dHzTMzr93e4gKgNQiJGQfAH6/GqrLWOGJz1GFMUDIUNieQJGUF7fW/TrhUttEoMw2pLAJ2Cv+0eJONkGKoYRdQgsaEIquBMjlEklSW1zVzFfVBNFA2ioP1naKJKTT4fOo2y/bVOV8pne6/JWpi9Bq7Pjus86U98YqPza3Njd8W52MBXo1XyRo4va4WWdAF0nt708VcgNABg9ql7tX4ABAJVhhXzuMCX3AAAAAElFTkSuQmCC)}.trademarklist .content .main .newagentDatail .boxcontent .container .tableclass{display:flex;flex-wrap:wrap;padding:0 20px}.trademarklist .content .main .newagentDatail .boxcontent .container .tableclass .item{width:calc(25% - 60px);height:68px;padding:15px 20px;border:1px solid #cdcfd1;border-radius:5px;margin-right:24px;margin-bottom:24px;display:flex}.trademarklist .content .main .newagentDatail .boxcontent .container .tableclass .item span{color:#797979}.trademarklist .content .main .newagentDatail .boxcontent .container .tableclass .item .itemleft>div{width:45px;height:45px;background:#eee;margin-right:15px}.trademarklist .content .main .newagentDatail .boxcontent .container .tableclass .item .itemleft img{margin-right:15px}.trademarklist .content .main .newagentDatail .boxcontent .container .tableclass .item .itemright{width:calc(100% - 60px)}.trademarklist .content .main .newagentDatail .boxcontent .container .tableclass .item .itemright .itemrighttop{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-between}.trademarklist .content .main .newagentDatail .boxcontent .container .tableclass .item .itemright .itemrightbottom{width:100%;display:flex;justify-content:space-between}.trademarklist .content .main .newagentDatail .boxcontent .container .tableclass .item .itemright .itemrightbottom div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#999}.trademarklist .content .main .newagentDatail .boxcontent .container .tableclass .item:nth-of-type(4n){margin-right:0}.trademarklist .content .main .breakNav{padding:14px 0 0 20px}.trademarklist .content .main .breakNav .el-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;padding:4px;border:1px solid #0f4c82;font-size:13px;color:#0f4c82}.trademarklist .setecttypeclass{padding-left:20px;width:120px;padding-bottom:15px}.trademarklist .setecttypeclass .el-button+.el-button{margin:0}.trademarklist .setecttypeclass .el-button--mini{padding:4px 8px;border-radius:0;border:1px solid #0e4a7e;font-size:12px;color:#0e4a7e}.trademarklist .setecttypeclass .butttonb{display:flex;margin-top:10px;color:#0e4a7e}.trademarklist .setecttypeclass .butttonb button:last-child{margin-left:10px}