﻿* {
    box-sizing: border-box;
}
body {padding: 0; margin: 0; font-size:14px; color: #666; background-color: #fff;}
p,ul,li{ list-style: none; padding: 0; margin: 0;}
body,button,input,textarea,select {font-family:"Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";}
a{text-decoration: none;cursor:pointer}
.clearfix:after {content:"\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.clearfix {zoom: 1;}
.clear{clear:both;}
.container { text-align: left; width:915px; margin: auto;overflow: hidden; zoom: 1;}
.container:after {content:"\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.container h1 {margin-top:50px; text-align: center; margin-bottom:30px;}
/*form*/
.brand-search #tm-form{padding-bottom: 220px;}
#tm-form-step {height:56px;width:778px; background: url("bar.png") no-repeat -750px 23px; margin-left:115px; margin-top:27px;}
.dc-brand-title { text-indent:22px; margin:20px 0 9px 0; line-height:40px; font-size:22px; font-weight:700; color:#333;}
.dc-brand-items-title { border-bottom:1px dashed #e5e5e5; color:#b20707; font-size:18px; text-indent: 80px; padding: 20px 0; margin-bottom:10px;}
#tm-form-step li {float:left; margin-left:69px;height:56px;line-height:56px;width:56px; text-align: center; background: url("icons-form.png") no-repeat -249px -73px;font-size:28px;color:#fff;cursor:pointer}
#tm-form-step li.first {margin-left: -28px;}
#tm-form-step li.last {margin-left: 69px;}
#tm-form-step li.hover { background-position: -125px -73px;}
div#tm-form-first{padding-bottom: 30px;}
#tm-form-step-text{height:24px; width:875px;margin-left:53px;margin-top:10px; margin-bottom:30px;}
#tm-form-step-text li {float:left;color:#9a9a9a;font-size:18px; text-align: center; width:125px; }
#tm-form-step-text li.hover {color:#de4e4e}
#tm-form-step.tm-gk {width:403px;margin-left:300px;}
#tm-form-step-text.tm-gk {width:500px;margin-left:238px;}
.tm-step{border-bottom:1px #999 dashed; margin-bottom:20px}
.tm-tips{ text-align: center; padding: 10px 0 20px; font-size:16px; color:green; font-weight:normal;}
.tm-step-forms .tm-step-form {display:none;}
#page2 .tm-tips {color:red;font-weight:bold}
.table-row {min-height:60px; line-height:60px;zoom: 1;margin:2px 0}
.table-row:after {content:"\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.table-row .table-row-e{float:left;}
.table-row .table-row-title {width:230px; text-align: right;color:#999; font-size:16px}
.brand-details-r .table-row .table-row-title {width:40%}
.table-row .table-row-e i,.tm-tips i {display: inline-block;background: url(../images/ques.png) no-repeat;width:19px;height:19px; cursor:pointer; vertical-align:middle;}
.table-row .table-row-content{width:715px; font-size:16px;}
.grzx-right .table-row .table-row-content{width:700px;}
.brand-details-r .table-row .table-row-content{width:60%}

.table-row .table-row-title.w100 {width:100px;}
.table-row .table-row-content.w100{width:100px;}
.line-height-100 { line-height:100%}
.line-height-140 { line-height:140%}
.line-height-150 { line-height:150%}
.line-height-160 { line-height:160%}
div.table-row div.table-row-col-20{width:20%;text-align: right;}
div.table-row div.table-row-col-30{width:30%;text-align: right;}
div.table-row div.table-row-col-80{width:80%;}
div.table-row div.table-row-col-50{width:50%;}
div.table-row div.table-row-col-75{width:75%;}
div.table-row div.table-row-col-40{width:40%;text-align: right;}
div.table-row div.table-row-col-60{width:60%;}
div.table-row div.table-row-col-65{width:65%;}
div.table-row div.table-row-col-10{width:10%;text-align: right;}
div.table-row div.table-row-col-90{width:90%;}
div.table-row div.table-row-col-99{width:70%;}
div.table-row div.table-row-col-15{width:15%;text-align: right;}
div.table-row div.table-row-col-85{width:85%;}
.table-row.error{background-color: rgba(252, 179, 187, 0.28);}
.line15{line-height:150%}
.icon {cursor:pointer; text-align: center;font-size:16px; margin-right:10px;}
.icon i {background: url("icons-form.png"); width:68px; height:54px;display:block}
.icon.hover,.icon:hover {color:#dc4c4c}
.icon1 {width:52px;height:80px; margin-right:10px;}
.icon1 i {background-position:-84px 0}
.icon1.hover i,.icon1:hover i {background-position:0 0}
.icon2 {width:68px;height:80px}
.icon2 i {background-position:-257px 0}
.icon2.hover i,.icon2:hover i {background-position:-162px 0}
.table-row-content input[type='text'], a.no-login, .table-row-content select{ display: inline-block; height:38px; line-height:38px;font-size:16px;border:1px #cccccc solid; padding:0 5px;width:330px;color:#999}
.table-row-content input[type='text']:hover{border-color:#cccccc;color:#333}
a.no-login{ background: #ebebe4; color: #0066cc; font-size: 14px; }
.height-80{min-height:80px; line-height:80px; height:auto;}
.height-50{height:50px; line-height:50px}
.height-auto{height:auto; line-height:100%}
#tm-form center{ margin-top:25px;}
#tm-form button,.tip-yc button{border: 0px; height:38px;line-height:38px; text-align: center;color: #fff; background-color: #b20707; border-radius:5px; font-size:16px; display: inline-block;}
#tm-form button.search_btn{border-radius:0 5px 5px 0;width:110px;position: relative;left: -5px;top: 1px; }
#tm-form button:hover,.tip-yc button:hover{background-color: #e74c3c;}
#tm-form button#btnsubmit{width: 180px;height: 46px;}
input.upload-cheng-02,input.upload-cheng,input.upload{border: 0px; height:40px;line-height:40px; text-align: center;color: #fff; background-color: #999999; border-radius:5px; font-size:16px; display: inline-block; }
input.upload:hover{background-color: #666666; }
input.upload-cheng-02,input.upload {line-height:32px; margin-bottom:20px;width:140px;}
input.upload-cheng{width:200px; height:36px; line-height: 36px; margin-bottom:20px;}
input.upload-cheng-02,input.upload-cheng,input.upload.ok {background-color: #b20707;}
input.upload-cheng-02,input.upload-cheng,input.upload.ok:hover{background-color: #fe9b1c;}
/*新增共用的*/
.right{ float:right;}
.left{ float:left;}
.f18{ font-size:18px;}
.mb50{ margin-bottom:50px;}
.blue,a.blue:link,a.blue:visited{ color:#0066cc;}
a.blue:hover{ color:#b20707;}
.orange,a.orange:link,a.orange:visited{ color:#b20707;}
a.blue:hover{ color:#b20707;}
.ml5{ margin-left:5px;}
.gray{ color:#999;}
/*0329商标注册*/
.table-row-re{position: relative;}
.class_info h3 span{color: #b20707;}
.class_info .hit{margin-left: 10px;color: #000;}
.class_info .hit em{font-style:normal;}
.class_info .newlook{color: #b20707;margin-right: 20px;}
.main-bottom .bottom_total{height: 60px;line-height: 60px;margin-top: 10px;color: #666666;font-size: 24px;margin-bottom: 40px;}
.main-bottom .bottom_total span{color: #999999;font-size: 14px;float: right;}
.main-bottom span{display: inline-block;}
.main-bottom .bottom-a,.main-bottom .bottom-b{font-size: 16px;}
.main-bottom .bottom-a{color: #999999;}
.main-bottom .bottom-c,.main-bottom .bottom-d{font-size: 18px;}
.main-bottom .bottom-d{color: #b20707;}
.main-bottom .bottom-l{text-align: right;width: 180px;margin-left: 20px;}
.bottom-con{height: 40px;}
#tm-form .main-bottom>input{height: 46px;width: 180px;line-height: 46px;display: inline-block;border-radius: 2px;margin-bottom: 30px;border: 0;color: #FFF;font-size: 16px;}
#tm-form .main-bottom>input.red{margin-left: 40px;background: #ff4e44;}
#tm-form .main-bottom>input.blue{margin-left: 40px;background: #5c92fa;}
#tm-form .main-bottom>input.blue.one{margin-left: 205px;}
.main-bottom .bottom-checkbox{margin-left: 90px;margin-bottom: 14px;}
#tm-form .main-bottom>input.red:hover{background: #e74c3c;}
#tm-form .main-bottom>input.blue:hover{background: #4a77cd;}
.bottom-checkbox a{color: #0066cc}
#F19359632977499242 .mo-dialog-buttonsset{text-align: center;}
.tip-box{width: 800px; height: auto; position: fixed; left: 50%; top: 50%;margin-left: -400px;margin-top: -210px; z-index: 1000;text-align: center;background-color: #fafafa;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);padding: 30px;}
.tip-box-a{width:100%; margin:0 auto; text-align:left; border-bottom:#999 1px solid; height:32px; line-height:32px; padding-bottom:15px;}
.tip-box-b{width:98%; margin:0 auto; text-align:left}
.tip-box-c{margin: 5px;}
.tip-box-button{line-height: 46px;height: 46px;font-size: 18px;border: 0px;background: #b20707;color: #FFF;}
.tip-box-button:hover{background: #fe9b1c;}
.tip-box-a-h{font-weight: 800;color: rgb(192, 0, 0);font-size: 18px;}
.tip-box-img{width:12px;height:12px; float:right; margin-right:10px;margin-top:10px; cursor:pointer; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///+ZmZmOUEqyAAAAAnRSTlMA/1uRIrUAAAAJcEhZcwAACusAAArrAYKLDVoAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjAvMTIGkKG+AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAB1JREFUCJljONjA8LiBoZyBwY6BQQZMAtlAkYMNAF1fBs/zPvcnAAAAAElFTkSuQmCC") 50% 50% no-repeat;}
.total_span{font-size: 18px;float: right;}
.total_span span{color: #b20707;}
.c_orange{color: #ff6801;}
.table-row .table-row-pad{width: 200px;padding-right: 8px;}
/*商标二级三级*/
.form{width:920px;margin:80px auto 30px;position:relative;z-index:997;}
.form .hor{margin:25px 0 0 0;padding-left:260px;}
.form .label{float:left;display:inline;width:260px;margin-left:-260px;text-align:right;font-size:16px;line-height:40px;margin-right:10px;}
.add_applicant{display:inline-block;margin-right:10px;height:30px;line-height:30px;padding-left:25px;background:url(../images/icon_add.jpg) no-repeat 0 7px;color:#888;margin-top:5px;}
.add_applicant:hover{color:#888;}
.applicant{position:relative;margin:5px 10px 0 0;border:1px solid #ff8849;background:#ffede1;padding:6px 36px 6px 10px;color:#b20707;}
.applicant .icon_orange{position:absolute;top:0;*top:5px;right:10px;width:16px;height:16px;margin-top:6px;background:url(../images/icon_true.png) no-repeat;}
.other_btn{display:inline-block;height:28px;line-height:28px;margin:5px 10px 0 0;border:1px solid #cfcfcf;background:#f7f7f7;padding:0 10px;color:#888;}
.position{position:relative;}
.add{margin-right:10px;}
.add_file{position:absolute;top:0;left:10px;width:67px;height:30px;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.form_input{width:312px;}
.form .textarea{width:312px;height:100px;vertical-align:middle;resize:none;}
.hor_search{height:40px;}
.search{position:relative;}
.search .input{float:left;width:254px;border-radius:3px 0 0 3px;border-right:none;}
.search .search_btn{float:left;width:57px;height:42px;background:url(../images/icon_search.jpg) no-repeat center center #b20707;border-radius:0 5px 5px 0;border:none;border:0;}
.drop_list{position:absolute;top:49px;left:243px;width:340px;height:390px;padding:10px 0;border:1px solid #c7c7c7;border-top:none;background:#fff;overflow:auto;z-index:993;}
.drop_list li a{display:block;height:30px;line-height:30px;padding:0 10px;color:#666;}
.drop_list li a:hover{color:#b20707;}
.type_list{width:915px;margin:0 0 10px 80px;}
.type_list li{float:left;margin:15px 15px 0 0;width:90px;height:25px;line-height:25px;background:#ccc;border-radius:3px;text-align:center;color:#fff;}
.type_list li a{display:block;color:#fff;}
.type_list .selected{background:#b20707;}
.type_list .optional{background-color: #fff; border: 1px solid #999;}
.type_list li.optional a{color: #999;}
.search_result{text-align:center;}
.choose{position:relative; margin-top: 30px;}
.choose_main,.choose_list{border:1px solid #e5e5e5;background:#fcfcfc;}
.choose_main{width:610px;padding:70px 10px;}
.total{position:absolute;width:560px;left:25px;font-size:22px;line-height:60px;background:#fcfcfc;}
.total em{color:#ff4c4c;}
.top_total{top:1px;border-bottom:1px solid #e6e6e6;padding-top:10px;z-index:990;}
.bottom_total{border-bottom:1px solid #e6e6e6;}
.bottom_total .total_btn{float:right;width:90px;margin-top:10px;}
.class_info{height:520px;overflow:auto;}
.class_info li{padding:20px 0;border-bottom:1px dashed #d4d4d4;}
.class_info li h3{font-size:16px;color:#b20707;padding:0 30px;line-height:18px;}
.class_info li h3 span{float:left;}
.class_info li  .icon_drop{position:static;margin:7px 0 0 -20px;display:block;height:0;width:0px;overflow:hidden;border:6px solid #000;border-color:#a9a9a9 transparent transparent transparent;border-style:solid dashed dashed dashed;line-height:0;}
.class_info li  .icon_drop.icon_close {border-color:transparent transparent transparent #a9a9a9;border-style:dashed dashed dashed solid; margin-top:3px; }
.class_info li  .icon_delete{position:static;float:right;margin:0 -20px 0 0;display:block;width:18px;height:18px;background:url(../images/icon_delete_hover.jpg) no-repeat;}
#tm-history-list {margin-top: 30px;}
#tm-history-list div.table-row-pad { line-height:200%}
#class_info h3 {cursor: pointer;}
.tm-history-result {line-height:150%; width:720px;}
.tm-history-result a, .tm-history-result p {display: inline-block; *display: inline;zoom:1; margin: 5px; padding: 0 5px;  border-radius:3px; font-size:12px}
.info_a{margin-top:5px;padding-left:30px;overflow:hidden;zoom:1}
.info_a a{display:inline-block;height:26px;line-height:26px;background:#b20707;margin:10px 10px 0 0;border-radius:5px;padding:0 10px;color:#fff;}
.info_a a:hover{background:#909090;text-decoration:line-through;}
.choose_list{width:296px;height:626px;padding:5px 10px;overflow:auto; margin-top: 36px; }
.list_tit{font-size:20px;line-height:35px;margin:15px 0 5px;}
.list_main dt{line-height:22px;padding:5px 5px 5px 25px;overflow:hidden;zoom:1; }
.list_main dt.cur {margin-bottom: 8px;}
.list_main .icon{position:static;float:left;margin:6px 0 0 -15px;border-color:transparent transparent transparent #b20707;border-style: dashed dashed dashed solid; width:0;height:0}
.list_main .cur{background:#b20707;border-radius:5px;color:#fff;}
.list_main .cur a{color:#fff;}
.list_main .cur .icon{position:static;float:left;margin:9px 0 0 -18px;border-color:#fff transparent transparent transparent;border-style:solid dashed dashed dashed;}
.list_main a{color:#666;}
.list_main dd{line-height:20px;margin-top:10px;}
.list_main dd a{display:block;padding-left:25px;margin:6px 0;}
.list_main dd .selected a{color:#b20707;background:url(../images/icon_true.png) no-repeat 2px 3px;}
.list_main dd a i{color:#b20707;}
.info{width:950px;margin:30px auto 40px;line-height:26px;}
.info dt{font-size:16px;color:#b20707;}
#tm-history-action {float: right; line-height:24px;display: inline-block;*display:inline;zoom:1; }
#tm-history-action a{font-size:14px; background-color:#b20707; color:#fff; border-radius:3px; display: inline-block;*display:inline;zoom:1; padding: 0 5px; line-height:24px; margin-top: 6px;}
div.dialog-confirm {}
div.dialog-confirm h4 {font-weight:bold;}
div.dialog-confirm p {margin-bottom:15px;}
select.beauty {padding: 3px;border: 1px solid #ccc;color: #999;}
span.red {color : red}
div.tm-order-classes {}
div.tm-order-classes a {display : inline-block; *display : inline;zoom:1; margin:3px; border-radius:3px; background-color:#b20707; color:#fff;  padding:3px}
div.tm-order-classes a.add {background-color:#dc4c4b; }
#tm-form div.tm-warning {padding: 0 15px; line-height:150%; }
#tm-form div.tm-warning p {margin:3px auto;}
#tm-form div.tm-warning p span {display:inline-block; *display:inline; zoom:1; background-color:#ff4e44;color:#fff; margin-right:5px; width:20px; height:20px; text-align:center; line-height:20px; border-radius:3px}
.menttip{width: 250px;border: 1px solid #e6e6e6;background: #FFF;position: absolute;right: 0px;display: none;box-shadow:0px 0px 3px 0px #ddd; top:42px;z-index:1000;}
.menttip .tipright{float: right;}
.menttip .menttip-nav{height: 34px;line-height: 34px;}
.menttip .menttip-nav a.ju{color: #b20707;}
.menttip .menttip-con li{height: 32px;line-height: 32px;border-top: 1px dashed #e6e6e6; overflow:hidden}
.menttip .menttip-con li a{color: #666;}
.menttip .menttip-con li,.menttip .menttip-nav{padding: 0px 12px;}
#header-banner .container{position: relative;overflow: visible;}
.container .content-newnav{height: 54px;line-height: 54px;}
.container .content-newnav a{color: #0066cc;}
.mentname{width: 166px;border: 1px solid #e6e6e6;background: #FFF;position: absolute;right: 218px;z-index: 100;padding: 12px;text-align: center;top: 42px;display: none;box-shadow:0px 0px 3px 0px #ddd;}
.mentname .out{height: 32px;width: 100px;background: #b20707;display: inline-block;line-height: 32px;color: #FFF;}
.mentname .out:hover{background: #fe9b1c;}
#header-banner .container{position: relative;overflow: visible;}
#header-banner .container i{border-color: #898989 transparent transparent; border-style: solid solid solid;border-width: 5px 5px 0;display: inline-block;margin-left: 5px;vertical-align:middle; margin-top: -2px;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transition:0.5s;}
#header-banner .container .name {cursor: pointer;}
#header-banner .container .name:hover i{transform:rotate(0deg); transition:0.5s;}
#header-banner .container .right>li{float: right;padding: 0 10px;}
.mid .content-list span.content-text-icon{float: right;width: 20px;height: 20px;border-radius: 10px;line-height: 19px;text-align: center;color: #FFF;margin-top: 5px;}
div.quick-insert { margin-top:-42px; position:absolute; margin-left:-11px;height:30px; width:296px}
div.quick-insert input {height:30px; padding:7px; border:1px #ccc solid; width:217px;color:#999;float:left;}
#tm-form div.quick-insert button {padding: 0 5px; border-radius: 3px;display: inline-block;*display:inline;zoom: 1;height:30px; line-height:30px; vertical-align:middle; font-size:14px;float:right;}
div.tm-chiming { text-align: center;}
div.tm-chiming a{display: inline-block;*display: inline;zoom:1;margin: 3px;color: #dc4c4b;}
ul.tm-services-pay li {height:16px; padding:4px;}
ul.tm-services-pay li label {display:inline-block;*display:inline;zoom:1; width:120px; font-weight:bold;}


/*商标服务*/
.selector-control{ display:inline-block;*display:inline;zoom:1; height:36px; line-height:36px; padding:0 10px;border:1px #ddd solid; background-color:#fff;color:#333;border-radius:5px;}
.selector-control.on {border:1px #b20707 solid; background-color:#b20707;color:#fff}
.selector-control-left {border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px}
.selector-control-right {border-top-left-radius:0px;border-bottom-left-radius:0px;border-left:0px}
select#selector-hy, select#selector-cls{
    padding:8px;border:1px #ccc solid;
}
select#selector-hy { width: 270px; }
select#selector-cls{width:180px}

