body { font-size: 12px; font-family: "微软雅黑"; color: #333333; margin: 0px; background: #fff !important; min-width: 1200px; }
div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, span, img, form, label, fieldset, legend, tr, th, td, input { margin: 0px; padding: 0px; }
img, input, button { border: 0; }
i, em { font-style: normal; }
ul, ol, li { list-style-type: none; }
a { color: #333333; text-decoration: none; cursor: pointer; }
botton { cursor: pointer; }
.clear { clear: both; height: 0px; overflow: hidden; font-size: 0px; }
.fl { float: left; }
.fr { float: right; }
/*top*/
.top { height: 35px; line-height: 35px; border-bottom: 1px solid #e6e6e6; background: #f8f8f8; font-size: 12px; border-bottom: 1px solid #e6e6e6; }
/*header*/
.head { position: relative; overflow: hidden; padding: 16px 0 0 0; background: #fff; width: 1200px; margin: 0 auto; }
.head .logo { height: 74px; }
.head .logo .jxt { position: relative; top: -8px; left: 10px; }
.head .nav2 { position: absolute; right: 0; top: 24px; }
.head .nav2 ul li { float: left; }
.head .nav2 a { color: #333; text-align: center; font-size: 16px; display: inline-block; padding: 10px 18px; }
.head .nav2 a:hover { color: #ff5b02; border-bottom: 2px solid #ff5b02; }
/*banner*/
.tbanner { background: url(../images/tousu/banner.jpg) no-repeat center; height: 450px; display: block; margin: 0 auto; width: 100%; }

/*知识产权保护平台 中间部分*/
/*关于我们*/
.contents { width: 100%; }
.w1200 { width: 1200px; margin: 0 auto; }
.contents .principle-item { background-color: #fff; padding: 65px 0; overflow: hidden; }
.contents .principle-item .item { width: 350px; margin-right: 73px; text-align: justify; overflow: hidden; }
.contents .principle-item .item:last-child { margin-right: 0; }
.contents .principle-item .item .bt { display: inline-block; align-items: center; }
.contents .principle-item .item .bt i { display: block; width: 43px; height: 43px; }
.contents .principle-item .item .bt:first-child i { background: url(../images/tousu/w_zongzhi.png) no-repeat center; }
.contents .principle-item .item .bt:nth-child(2) i { background: url(../images/tousu/w_yuanze.png) no-repeat center; }
.contents .principle-item .item .bt:last-child i { background: url(../images/tousu/w_mubiao.png) no-repeat center; }
.contents .principle-item .item .bt .item-bt { margin-left: 15px; font-size: 24px; line-height: 43px; font-weight: 900; margin-bottom: 15px; }
.contents .principle-item .item .item-text { font-size: 14px; line-height: 26px; color: #555 }

/* 投诉反馈流程 */
.contents .process { background-color: #f7f8fc; padding: 45px 0 60px 0; overflow: hidden; }
.contents .da-bt { margin: 0 auto; text-align: center; font-size: 36px; font-weight: 900; }
.contents .process .w1200 .fklc { background-color: #fff; width: 217px; height: 217px; border-radius: 5px; margin-right: 28px; margin-top: 38px; position: relative; }
.contents .process .w1200 .fklc:last-child { margin-right: 0; }
.contents .process .w1200 .fklc:hover { box-shadow: 2px 2px 10px #ddd }
.contents .process .w1200 .fklc .fk { width: 217px; height: 61px; }
.contents .process .w1200 .fklc .fk-01 { background: url(../images/tousu/liucheng_01.png) no-repeat center; }
.contents .process .w1200 .fklc .fk-02 { background: url(../images/tousu/liucheng_02.png) no-repeat center; }
.contents .process .w1200 .fklc .fk-03 { background: url(../images/tousu/liucheng_03.png) no-repeat center; }
.contents .process .w1200 .fklc .fk-04 { background: url(../images/tousu/liucheng_04.png) no-repeat center; }
.contents .process .w1200 .fklc .fk-05 { background: url(../images/tousu/liucheng_05.png) no-repeat center; }
.contents .process .w1200 .fklc .fk span { font-size: 18px; font-weight: 900; color: #fff; margin-left: 18px; line-height: 61px; }
.contents .process .w1200 .fklc .pad { padding: 14px 18px; }
.contents .process .w1200 .fklc .pad p { font-size: 14px; color: #333; line-height: 20px; text-align: justify; }
.contents .process .w1200 .fklc .pad a { font-size: 14px; color: #ff5b02; display: block; bottom: 15px; position: absolute; }
.contents .process .w1200 .fklc .pad a:hover { font-weight: 900; }

/* 需要准备的材料 */
.contents .notice { background-color: #fff; padding: 50px 0; }
.contents .notice .bg { width: 1000px; box-shadow: 2px 2px 20px #eee; padding: 45px 100px 55px 100px; margin-top: 35px; }
.contents .notice .bg .qing { overflow: hidden; width: 100%; padding-bottom: 56px; }
.contents .notice .bg .qing:last-child { padding-bottom: 0; }
.contents .notice .bg .sz { width: 46px; height: 46px; }
.contents .notice .bg .shuzi_01 { background: url(../images/tousu/cl_01.png) no-repeat center; }
.contents .notice .bg .shuzi_02 { background: url(../images/tousu/cl_02.png) no-repeat center; }
.contents .notice .bg .shuzi_03 { background: url(../images/tousu/cl_03.png) no-repeat center; }
.contents .notice .bg .cl { padding-left: 40px; }
.contents .notice .bg .cl .cl_bt { font-size: 22px; font-weight: 900; padding-bottom: 10px; }
.contents .notice .bg .cl .cl_text { font-size: 14px; line-height: 26px; }
.contents .notice .ts_anniu { margin: 0 auto; margin-top: 50px; cursor: pointer; width: 277px; height: 60px; background: #fff; border: 1px solid #ff5b02; border-radius: 30px; text-align: center; }
.contents .notice .ts_anniu:hover { background: #ff5b02; }
.contents .notice .ts_anniu a { font-size: 18px; color: #ff5b02; line-height: 60px; display: inline-block; width: 279px; }
.contents .notice .ts_anniu:hover a { font-size: 18px; color: #fff; }






/*填写投诉信息 中间部分*/
.contents .da-bt p { color: #999; font-size: 15px; font-weight: 400; margin-top: 15px; }
.contents .notice .bg .row { overflow: hidden; padding-bottom: 10px;position:relative;}
.contents .notice .bg .row .row-label { text-align: right; line-height: 36px; height: 36px; float: left; width: 200px; font-size: 14px; color: #333; }
.contents .notice .bg .row .row-label em { color: #F33; padding-right: 5px; }
.contents .notice .bg .row input { width: 750px; border: 1px solid #ccc; font-size: 14px; height: 38px; line-height: 38px; box-sizing: border-box; border-radius: 6px; padding-left: 10px; outline: none; }
.contents .notice .bg .row input:focus::-webkit-input-placeholder { color: #fff; }
.contents .notice .bg .row input:focus::-moz-placeholder { color: #fff; }
.contents .notice .bg .row textarea { width: 750px; border: 1px solid #ccc; font-size: 14px; color: #333; height: 94px; line-height: 38px; box-sizing: border-box; border-radius: 6px; line-height: 22px; padding: 5px 0 0 10px; outline: none; font-family: 微软雅黑; }
.contents .notice .bg .row textarea:focus::-webkit-input-placeholder { color: #fff; }
.contents .notice .bg .row textarea:focus::-moz-placeholder { color: #fff; }
.contents .notice .bg .row input::input-placeholder { color: #aaa; }
.contents .notice .bg .row input::-webkit-input-placeholder { color: #aaa; }
.contents .notice .bg .row input::-moz-placeholder { color: #aaa; }
/*mozilla firefox 19+*/
.contents .notice .bg .row input::-ms-input-placeholder { color: #aaa; }
/*IE*/
.contents .notice .bg .row .shuoming { height: 94px !important; }
.contents .notice .bg .row .row-bt { font-size: 18px; font-weight: 900; }
.contents .notice .bg .row span { font-size: 14px; color: #999; line-height: 36px; }
.contents .notice .bg .row label { display: inline-block; cursor: pointer; font-size: 15px; color: #333; margin-right: 30px; line-height: 28px; }
.contents .notice .bg #newinfo_2 { display: none; }
.contents .notice .bg .row .xx { margin-left: 233px; }
.contents .notice .bg .row .xx .xuanx { font-size: 15px; color: #333; line-height: 30px; }
.contents .notice .bg .row .xx li { display: none; padding-bottom: 0; display: inline-block; cursor: pointer; position: relative; margin-right: 25px; }
.contents .notice .bg .row .xx li:last-child{margin-right:0;}
.contents .notice .bg .row .xx li:before { content: ""; box-sizing: border-box; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #888; margin: 0 6px 3px 0; vertical-align: middle; display: inline-block; transition: 0.1S; }
.contents .notice .bg .row .xx li.on:before { border: 5px solid #FF5B02; }
.contents .notice .bg .row .xx input:disabled + label { opacity: 0.5; }
.contents .notice .bg .row .field_cont { position: relative; }
.contents .notice .bg .row .field_cont:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.contents .notice .bg .row .field_cont a { display: inline-block; position: relative; }
.contents .notice .bg .row .field_cont .file-img { vertical-align: text-top; max-width: 100%; max-height: 100%; display: block;  float: left; }
.contents .notice .bg .row .field_cont .tupian{ border: #ccc solid 1px; width: 80px; height: 80px;border-radius: 6px;position:relative;overflow:hidden;}
.contents .notice .bg .row .field_cont .tupian_box{border:none;position: relative;float: left;margin-right: 10px}
.contents .notice .bg .row .field_cont .tupian img.file-img { box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.contents .notice .bg .row .field_cont .tupian_box .close { border: none; position: absolute; top: -8px; left: 68px; cursor: pointer;z-index:2;}
/*.contents .notice .bg .row .field_cont .shan{ position:absolute; top:-8px;left:68px; cursor: pointer;}*/
.contents .notice .bg .row .field_cont input { border: 1px solid #eee; padding: 5px 10px; }
.contents .notice .bg .row .field_cont .tishi { color: #aaa; display: inline-block; position: absolute; font-size: 12px; width: 270px; line-height: 20px; float: left; padding: 20px 0 0 20px; }
.contents .notice .bg .row .field_cont p { color: #aaa; font-size: 12px; line-height: 20px; margin-top: 10px; padding-left: 230px;float:left;}
.contents .notice .bg .row .phone { width: 275px; }
.contents .notice .bg .row .yzm { width: 145px; }
.contents .notice .bg .row .yan {}
.contents .notice .bg .row .yan input { width: 120px; font-size: 14px; line-height: 38px; margin-left: 10px; cursor: pointer;border:none;padding-left:0;}
/*.contents .notice .bg .row .yan input.thehuoquon { background-color: #ff5b02; color: #fff; border-radius: 6px; }*/
.contents .notice .bg .row .yan input.thehuoquon { background-color: #f3f3f3; color: #888; border-radius: 6px; }
.contents .notice .bg .row .yan input.thehuoquoff { background-color: #f3f3f3; color: #888; }
#enlarge_images, #enlarge_images_bottom { position: absolute; z-index: 2; border: none; background: none; top: 4113px; left: 111px; display: none;border:5px solid #dddddd;}

.contents .notice .tijiao { margin: 0 auto; margin-top: 30px; cursor: pointer; width: 277px; height: 60px; background: #ff5b02; border-radius: 30px; text-align: center; }
.contents .notice .tijiao:hover { background-image: linear-gradient(to right, #ff5b02, #fd8a36); }
.contents .notice .tijiao a { font-size: 18px; color: #fff; line-height: 60px; }
.contents .notice .tijiao:hover a { font-size: 18px; color: #fff; }
#spProPic { overflow: initial; }
#spProPic a, #msgCertificate a { position: relative; }
#spProPic input[type=file], #msgCertificate input[type=file] { position: absolute; width: 100%; height: 100%; left: 0; opacity: 0; }
#yyzz { display: none; }
/*多图上传*/
.tc_bj { z-index: 11; left: 0px; top: 0px; margin-left: auto; margin-right: auto; position: fixed; width: 100%; height: 100%; background-color: rgb(0, 0, 0); filter: Alpha(opacity=30); -moz-opacity: 0.5; opacity: 0.5; background-position: initial initial; background-repeat: initial initial; }
.tc_cont { background: #fff; z-index: 12; position: fixed; }
.tc_w { width: 760px; height: 490px; margin: 0 auto; top: 200px; left: 22%; top: 50px; }
.tc_w .jpxy_cont { width: 730px; margin: 0 auto; padding-top: 12px; height: 410px; overflow: auto }
.tc_w .jpxy_cont p { color: #555; text-align: left; }
.tc_w h4 { border-bottom: 1px dotted #eee; color: #0092ff; font-size: 22px; text-align: center; background: url(/images/jpxy_tit.jpg) center no-repeat; padding: 11px 0px 16px 0px }
.tc_w h4 img { display: block; margin: 0 auto; }
.gb { font-size: 34px; color: #797878; position: absolute; right: 20px; top: 8px; font-weight: lighter; }
.tc_cont_tit { height: 40px; line-height: 40px; border-bottom: 1px solid #eee; position: relative; }
.tc_cont_tit em { font-weight: bold; padding-left: 15px; font-size: 15px; }
.tc_cont_tit p { width: 30%; height: 41px; margin-bottom: 0px; padding-bottom: 0px; float: left; }
.tc_cont_tit .tips { background: #fff; display: none; color: #666; line-height: 20px; text-align: left; width: 210px; box-shadow: 1px 3px 12px #eee; padding: 10px; position: absolute; left: 220px; top: 15px; }
.colse { font-size: 36px; font-weight: lighter; color: #cecece; margin-right: 20px; }
.tc_cont_tit .colse { font-size: 36px; font-weight: lighter; color: #cecece; margin-right: 20px; }
.tc_cont_tit > div { width: 220px; overflow: hidden; }
.tc_cont .tc_cont_tit div > p { width: 30%; float: left; cursor: pointer; padding: 11px 10px; font-size: 14px; margin-left: 20px; line-height: 18px; position: relative; }
.tc_cont .tc_cont_tit div > p:last-child img { width: 14px; height: 14px; position: absolute; right: -2px; top: 13px; }
.tc_cont_tit .em { font-weight: bold; color: #f40; border-bottom: 1px solid #f40; }
.photo_upimg { width: 609px; height: 114px; background: #f7f7f7; border: 1px solid #dfdfdf; position: relative; }
.photo_upimg .xts { color: #989898; text-align: center; padding-top: 8px; }
.photo_upimg .xts i { color: #f40 }
#divAddImg { height: 144px; overflow: auto; margin: 5px 0 0 20px; }
#divAddImg div { float: left; margin: 8px; }
#divAddImg img { border: 1px solid #eee; padding: 3px; background: #f5f5f5; }
#divAddImg input { border: 1px solid #ffb397; display: block; width: 106px; height: 22px; line-height: 22px; }
#divh5Img { height: 156px; /*overflow: auto;*/ margin: 5px 0 0 20px; }
#divh5Img div { float: left; margin: 8px; background: #f5f5f5; }
#divh5Img img { border: 1px solid #eee; padding: 3px; background: #f5f5f5; }
#divh5Img .upload_pic_img { width: 100px; height: 100px; position: relative; margin: 3px auto; background: #fff !important; border: 1px solid #eee; box-sizing: border-box; float: unset; }
#divh5Img .upload_pic_img img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; padding: 0; border: none; }
#divh5Img input { border: 1px solid #ff4400; display: block; width: 106px; height: 22px; line-height: 22px; }
#divh5Img #uploadImg { height: 36px; margin: 22px auto 10px; display: block; width: 145px; }
.tc_w4 { width: 680px; height: 570px; left: 0; top: 0; right: 0; bottom: 20%; margin: auto; border: none; padding: 0 }
.button .but_style1 { padding: 5px 18px; cursor: pointer; background: #ff4400; border: 0; color: #fff; border-radius: 4px; }
.sc-fu{display: block; margin: 0 auto; width: 146px;}
.sc-fu .shangchuan-img{vertical-align: text-top;width: 146px; height: 36px; margin: 22px auto 10px;}
.shangchuan{ position: absolute;left:230px; top:22px; width: 146px; height:36px; padding: 0px;opacity: 0; filter:alpha(opacity=0);  cursor: pointer;}
#divh5Img .itemdiv{position:relative;}
#divh5Img .deleteImageBtn{position: absolute;right: 1px;bottom: 1px;width:20px;height:20px;box-sizing:border-box;cursor:pointer;}
#divh5Img .progress{position: absolute;bottom:28px;white-space:nowrap;cursor:pointer;background-color:#3a3a3a;color:white;width:100%;text-align:center;opacity:0.68;}
#divUpload{display:none;}
.msgtip{position:absolute;bottom:-12px;left:235px;color:#ff5b02;white-space:nowrap;}
.clearfix{display:inline-block;}
.uploadimgbox{float:left;}