@charset "utf-8";


/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;} 
input, button, textarea {outline: none;-webkit-appearance: none;border-radius: 0;font-family:"\5FAE\8F6F\96C5\9ED1";} 
select{border-radius: 0;font-family:"\5FAE\8F6F\96C5\9ED1";}
input[type=checkbox]{ -webkit-appearance: checkbox; } 
a {color:#666;text-decoration:none;}
a:hover {color:#376acb;}
a:active {color:#376acb;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#666; background: #eceef2;}  

/*登录*/
.loginbox{ position: absolute; left: 50%; top: 50%; width: 448px; height: 340px; z-index: 10; background: url(touming1.png);  margin: -170px 0 0 -224px; border-radius: 10px;}
.loglogo{ text-align: center; padding: 30px 0 0; height: 62px; }
.loginwrap{margin: 0 auto; width: 267px;}
.loginputbox{margin: 15px 0 0; float: left; width:267px; background: url(logico1.gif) no-repeat 8px center #fff; height: 42px; border-radius: 5px; position: relative;}
.loginput{font-size: 14px; line-height: 42px; height: 42px; float: left; width: 224px; padding: 0 9px 0 34px; border: medium none; border-radius: 5px; color: #666; background: transparent;}
.loginputbox1{background: url(logico2.gif) no-repeat 8px center #fff; position: relative;}
.loginbtn{float: left; width: 100%; border: medium none; background: url(loginbtn.gif) repeat-x; border-radius: 5px; height: 42px;  color: #fff; font-size: 18px; margin: 27px 0 0; font-weight: bold; cursor: pointer;}
.copy{position: absolute; left: 0; bottom: 0; line-height:50px; text-align: center; width: 100%; font-size:14px; border-top: 1px solid #121942; color: #dcebff;}
.mimatxt{position: absolute; padding:0 0 0 34px; top: 0; left:0; height: 42px; line-height: 42px; color: #666; font-size: 14px;}
/*登录 end*/

/*工作台*/
.main{float: left; width: 100%; background: url(leftbg.gif) repeat-y;}
.left{float: left; width: 237px; position: fixed; left: 50%; top: 0; margin: 0 0 0 -600px; background: #376acc;}
.right{float: right; width: 963px; padding: 0 0 17px;}
.chartbox{float: right; width: 946px; background: #fff; padding: 0 0 20px; margin: 0 0 17px;}
.chart{float: left; width: 100%; height: 330px; margin-top: -60px;}
.title3{text-align: center; font-size: 20px; line-height: 50px; margin: 25px 0; color: #333; font-weight: bold;}
.logo1{text-align: center; margin: 33px 0;}
.navlist{float: left; width: 100%;}
.navlist li{float: left; width: 100%; border-bottom: 1px solid #3360c5; font-size: 16px; line-height:70px;}
.navlist li a{padding: 0 0 0 17px; display: block; color: #c9dbff;}
.navlist li img{vertical-align: middle; margin: 0 10px 0 0;}
.navico_hover{display: none;}
.navlist li.on a,.navlist li a:hover{background: #2c52cf; border-left: 5px solid #24cea9; padding: 0 0 0 12px;}
.navlist li.on a .navico_hover,.navlist li a:hover .navico_hover{display: inline;}
.navlist li.on a .navico,.navlist li a:hover .navico{display: none;}
.rankbox{float: left; width: 304px; margin: 0 0 0 17px; display: inline; background: #fff; border-top:4px solid #04d6d7;}
.title4{text-align: center; line-height: 70px; color: #333; font-size: 20px;}
.ranklist{float: left; width: 100%;}
.ranklist li{float: left; width:264px; font-size: 16px; color: #333; padding: 0 20px; line-height: 50px; height: 50px; overflow: hidden; border-top: 1px solid #f0f0f0;}
.ranklist li span{float: right; color: #999;}
.ranklist li span.red{color: #e40707;}
.ranklist li span.green{color: #24cea9;}
.rankbox1{border-color: #24cea9;}
.rankbox2{border-color: #4d96e3;}
.head{float: left; width: 100%; background: url(head.jpg) no-repeat; height: 82px; margin: 0 0 17px;}
.quit{float: right; font-size: 16px; color: #333; line-height: 32px; margin: 25px 14px 0 26px; display: inline;}
.quit:hover{color: #376acb;}
.welcome{float: right; color: #333; font-size: 16px; background: url(userico.png) no-repeat 0 center; line-height: 32px; margin: 25px 0 0; padding: 0 0 0 43px;}
/*工作台 end*/

/*商标交易咨询总表*/
.tradebox{float: right; width:946px; border-top: 4px solid #4d96e3; background: #fff; padding: 0 0 30px;}
.xiala{float:left;width:184px;margin:0 20px; display:inline; background:url(xiala.gif) no-repeat right center #fff; *background: transparent; height:36px;overflow:hidden;border: 1px solid #ccc; *border: medium none; }
.xiala select{width:184px;line-height: 36px; padding:0 0 0 10px; padding:7px 0 7px 10px\9;color:#999; font-size: 14px; *margin: 7px 0 0; border: medium none\0;}
:root .xiala select {height: 36px; -webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0; border: medium none;}
.input1{float: left; width: 164px; padding: 0 10px; border: 1px solid #ccc; line-height: 36px; height: 36px; color: #999; font-size: 14px; margin-right: 20px;}
.submitbtn1{ float: right; margin: 0 20px 0 0; display: block;  width: 82px; height: 38px; border-radius: 5px; color: #fff; font-size: 16px; line-height: 30px; background: #4d96e3; border: medium none; cursor: pointer;}
.tradetable{width: 100%; border-collapse: collapse; margin: 20px 0 0;}
.tradetable th{font-size: 14px; color: #333; line-height: 54px; background: #eceff2;}
.tradetable td{text-align: center;  border: 1px solid #eceff2; line-height: 22px; padding:5px;}
.page{float: left; width: 100%; text-align: center; margin: 30px 0 0;}
.page a{display: inline-block; border: 1px solid #ccc; background: #f2f2f2; border-radius: 5px; line-height:24px; padding: 0 8px; margin: 0 7px; }
.page a:hover{border:1px solid #2c52cf; color: #666;}
.alter{display: block; border: 1px solid #d3d3d3; border-radius: 5px; width: 56px; height: 26px; line-height: 26px; text-align: center; margin: 0 auto; background: #fff;}
.alter:hover{background: #4d96e3; border: 1px solid #4d96e3; color: #fff;}
.liucheng{position: relative;}
.liucheng span{line-height: 22px; max-height: 66px; overflow: hidden; display: block; }
.complete_info{position: absolute; left: -5px; top: -5px; width: 170px; padding: 5px; background: url(touming2.png); border-radius: 5px; color: #fff; line-height: 22px; text-align: left; display: none;}
/*商标交易咨询总表 end*/

/*商标交易咨询表录入*/
.fillbox{float: right; width: 946px; background: #fff; padding: 20px 0 100px;}
.formbox{float: left; width: 438px; margin: 24px 30px 0 0;}
.formbox label{float: left; width: 96px; text-align: right; font-size: 16px; line-height:47px;}
.input{float: right; width: 292px; height: 45px; border: 1px solid #f0f0f0; font-size: 16px; padding: 0 10px; color: #666; line-height: 45px;}
.submitbtn{ display: block; margin: 100px auto 0; width: 153px; height: 50px; border-radius: 8px; color: #fff; font-size: 20px; line-height: 45px; background: #4d96e3; border: medium none; cursor: pointer;}
/*商标交易咨询表录入 end*/

/*商标咨询信息录入规则*/
.rulebox{float: right; width: 866px; background: #fff; padding: 0 40px;}
.ruledl{float: left; width: 100%;}
.ruledl dt{float: left; width: 112px; font-size: 18px; color: #333; line-height: 50px; font-weight: bold;}
.ruledl dd{float: right; width: 754px;}
.name_rule{ width: 628px; border-collapse: collapse;border: 1px solid #f0f0f0;}
.name_rule th{width: 314px; border: 1px solid #f0f0f0; background: #f1f1f1; line-height: 50px; font-weight: normal; color: #333; font-size: 16px;}
.name_rule td{border: 1px solid #f0f0f0; color: #999; font-size: 16px; line-height: 50px; text-align: center;}
.ruledl1{padding: 50px 0; border-bottom: 1px dashed #eee;}
.ruledl1 dt{line-height: 18px;}
.detail{font-size: 16px; line-height: 34px; margin: 30px 0 10px; color: #333;}
.ex_form{float: left; width: 425px;}
.ex_form span{float: left; width: 82px; text-align: right; color: #999; font-size: 16px; line-height:50px;}
.ex_form i{float: right; width: 280px; height: 48px; line-height: 48px; padding: 0 16px; border: 1px solid #f0f0f0; font-size: 16px; color: #999;}
.detail1{float: left; width: 100%; margin-top:10px;}
.detail2{margin: 10px 0 0;}
.nobtm{border-bottom: medium none;}
/*商标咨询信息录入规则 end*/

/*商标标志图*/
.kindbox{float: right; width: 884px; background: #fff; padding: 20px 31px 100px;}
.kindlist{float: left; width: 924px;}
.kindlist li{float: left; width: 154px; line-height: 30px; font-size: 14px;}
.kindlist li img{float: left; width: 17px; margin:6px 8px 0 0;}
.kindlist li a.hov,.kindlist li a:hover{ color:#376acb}
.title5{margin: 85px 0 0;}
.prolist{float: left; width: 908px;}
.prolist li{float: left; width: 173px; height: 245px; border: 1px solid #efefef; padding: 14px 14px 0; margin:0px 24px 30px 0; text-align: center;}
.prolist li img{display: block; width: 173px; height: 140px; vertical-align: bottom;}
.prolist li span{display: block; line-height: 28px; font-size: 18px; height: 28px; overflow: hidden; padding: 23px 0 0; border-top: 1px dashed #ddd;}
.prolist li i{display: block; line-height: 26px; font-size: 14px; height: 26px; overflow: hidden;}
.page1{float: left; width: 100%; text-align: center; margin: 10px 0 0;}
.page1 a{display: inline-block; padding: 0 8px; border: 1px solid #dcdcdc; line-height: 24px; margin: 0 2px;}
.page1 a.on{background: #368eea; border: 1px solid #368eea; color: #fff;}
.kindbox1{float: right; width: 866px; background: #fff; padding: 20px 40px 80px;}
.brandpic{border: 1px solid #efefef; padding: 10px 0; text-align: center;}
.brandpic img{width: 340px; height: 280px; display: block; margin: 0 auto;}
.branddetail{margin: 50px 0 0;}
.branddetail img{width: 100%;}
/*商标标志图 end*/

/*share*/
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; width:1200px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/