@charset "utf-8";
#app {
    /* 背景颜色 */
  
    /* 定位 */
  
    /* 浮动 */
  
  }
  #app * {
    box-sizing: border-box;
  }

 i {
    font-style: normal;
  }
  a {
    color: #666;
    outline: none;
    border: 0;
  }
  #app{
    min-width: 320px;
    max-width: 750px;
    font-family: '微软雅黑';
    font-size: 14px;
    margin: 0 auto;
  }
  #app body {
    font-family: "微软雅黑";
  }
  #app .border-none {
    border: none !important;
  }
  #app .hide {
    display: none !important;
  }
  #app .pd-20 {
    padding: 0 .2rem;
  }
  #app .bg-fff {
    background-color: #fff !important;
  }
  #app .bg-e2383a {
    background-color: #2196f3 !important;
  }
  #app .bg-f5 {
    background-color: #f5f5f5 !important;
  }
  #app .bg-f5f6fb {
    background-color: #f5f6fb !important;
  }
  #app .bg-transparent {
    background-color: transparent !important;
  }
  #app .color-red {
    color: #2196f3;
  }
  #app .pr {
    position: relative;
  }
  #app .po {
    position: absolute;
  }
  #app .clearfix {
    overflow: hidden;
  }
  #app .bold,
  #app .font-bold {
    font-weight: bold;
  }
  #app .font-lighter {
    font-weight: lighter;
  }
  #app .text-center {
    text-align: center;
  }
  #app .text-left {
    text-align: left;
  }
  #app .text-right {
    text-align: right;
  }
  #app .fl {
    float: left;
  }
  #app .fr {
    float: right;
  }
  #app .section-title {
    line-height: 1.5rem;
    color: #666;
    font-size: 0.36rem;
    text-align: center;
  }
  #app .section1 .content .zc .icon {
    background: url("img/icon_1.png") no-repeat center center;
    background-size: .72rem .72rem;
  }
  #app .section1 .content .jz .icon {
    background: url("img/icon_2.png") no-repeat center center;
    background-size: .72rem .72rem;
  }
  #app .section1 .content .qy .icon {
    background: url("img/icon_3.png") no-repeat center center;
    background-size: .72rem .72rem;
  }
  #app .section1 .content > div {
    margin-bottom: 0.2rem;
    width: 3.46rem;
    height: 3.64rem;
    padding-top: 0.4rem;
  }
  #app .section1 .content > div .icon {
    width: 1.3rem;
    height: 1.3rem;
    margin: 0 auto;
    margin-bottom: 0.15rem;
    border-radius: 50%;
    -webkit-box-shadow: #999 0px 0px 10px;
    -moz-box-shadow: #999 0px 0px 10px;
    box-shadow: #999 0px 0px 10px;
  }
  #app .section1 .content > div .name {
    font-size: 0.32rem;
    color: #333;
    line-height: .48rem;
    margin-bottom: 0.15rem;
  }
  #app .section1 .content > div .c-list {
    width: 2.6rem;
    margin: 0 auto;
  }
  #app .section1 .content > div .c-list li {
    float: left;
    width: 1.3rem;
    height: 0.28rem;
    line-height: 0.28rem;
    margin-bottom: 0.2rem;
  }
  #app .section1 .content > div .c-list li:first-child,
  #app .section1 .content > div .c-list li:nth-child(3) {
    border-right: solid 1px #e6e6e6;
  }
  #app .section1 .content > div .c-list a {
    font-size: .24rem;
    color: #999;
  }
  #app .section1 .content .qy {
    clear: both;
    width: 100%;
    /*height: 7.42rem;*/
    height: 100%;
  }
  #app .section1 .content .qy .qy_top {
    width: 3.76rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 0.3rem;
    font-size: 0.32rem;
    color: #333;
    height: 1rem;
  }
  #app .section1 .content .qy .qy_top .icon {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    border: solid 1px #e6e6e6;
    float: left;
  }
  #app .section1 .content .qy .qy_top span {
    float: left;
    line-height: 1.3rem;
    margin-left: 0.15rem;
  }
  #app .section1 .content .qy .qy_list {
    clear: both;
  }
  #app .section1 .content .qy .qy_li {
    width: 100%;
    float: left;
    padding-left: 0.3rem;
    padding-right: 0.5rem;
    height: 1.5rem;
  }
  /* #app .section1 .content .qy .qy_li:first-child {
    border-right: dashed 1px #e6e6e6;
    border-bottom: dashed 1px #e6e6e6;
  }
  #app .section1 .content .qy .qy_li:nth-child(2) {
    border-bottom: dashed 1px #e6e6e6;
  }
  #app .section1 .content .qy .qy_li:nth-child(3) {
    border-right: dashed 1px #e6e6e6;
  }
  #app .section1 .content .qy .qy_li:nth-child(3),
  #app .section1 .content .qy .qy_li:nth-child(4) {
    padding-top: 0.2rem;
  } */
  #app .section1 .content .qy .qy_title {
    font-size: 0.3rem;
    color: #333;
    line-height: 0.48rem;
  }
  #app .section1 .content .qy .qy_desc {
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #999;
    margin-bottom: 0.3rem;
  }
  .qy_btn1{
    margin: 0 auto; 
    margin-top: 0.5rem;
  }
  #app .section1 .content .qy .qy_btn {
    text-align: center;
    color: #2196f3;
    font-size: 0.24rem;
    width: 1.4rem;
    height: 0.48rem;
    line-height: 0.45rem;
    display: block;
    border: solid 1px #2196f3;
    border-radius: 5px;
    /* margin-top: 0.5rem; */
    float: left;
    margin-left: 5px;
    margin-right: 5px;
  }
  #app .section2 .sc-tab::after {
    content: "";
    width: 0;
    height: 0;
    border: 18px solid transparent;
    border-top-color: #fff;
    position: absolute;
    left: 50%;
    bottom: -36px;
    margin-left: -18px;
  }
  #app .section2 .sc-tab {
    position: relative;
    width: 6.6rem;
    height: 2.3rem;
    margin: 0 auto;
    margin-bottom: 0.68rem;
    -webkit-box-shadow: #e6e6e6 0px 0px 10px;
    -moz-box-shadow: #e6e6e6 0px 0px 10px;
    box-shadow: #e6e6e6 0px 0px 10px;
  }
  #app .section2 .sc-tab .sc-li {
    width: 2.6rem;
    height: 0.68rem;
    text-align: center;
    line-height: 0.68rem;
    float: left;
    margin-top: 0.3rem;
    color: #666;
    font-size: 0.28rem;
    border-radius: 50px;
    margin-left: 0.45rem;
    background: #f6f9fe;
  }
  #app .section2 .sc-tab .sc-li::nth-child(2),
  #app .section2 .sc-tab .sc-li::nth-child(4) {
    margin-right: 0;
  }
  #app .section2 .sc-tab .sc-li.active {
    color: #fff;
    background: #2196f3;
  }
  #app .section2 .trade-service .sc-icon {
    background-image: url("img/mobile_index_00.png");
  }
  #app .section2 .patent-service .sc-icon {
    background-image: url("img/mobile_index_01.png");
    background-size: 1.58rem 8.6rem !important;
  }
  #app .section2 .iact-service .is-icon {
    background-image: url("img/mobile_index_02.png");
  }
  #app .section2 .sc-content .sc-li {
    width: 2.2rem;
    height: 2.8rem;
    padding-top: 0.4rem;
    margin-bottom: 0.2rem;
    float: left;
  }
  #app .section2 .sc-content .sc-li[data-name="商标查询"] .sc-icon {
    background-position: -0.4rem -0.4rem;
  }
  #app .section2 .sc-content .sc-li[data-name="普通注册"] .sc-icon {
    background-position: -0.4rem -1.65rem;
  }
  #app .section2 .sc-content .sc-li[data-name="保姆注册"] .sc-icon {
    background-position: -0.4rem -2.88rem;
  }
  #app .section2 .sc-content .sc-li[data-name="担保注册"] .sc-icon {
    background-position: -0.4rem -4.15rem;
  }
  #app .section2 .sc-content .sc-li[data-name="商标续展"] .sc-icon {
    background-position: -0.4rem -5.37rem;
  }
  #app .section2 .sc-content .sc-li[data-name="商标转让"] .sc-icon {
    background-position: -0.4rem -6.63rem;
  }
  #app .section2 .sc-content .sc-li[data-name="商标变更"] .sc-icon {
    background-position: -0.4rem -7.9rem;
  }
  #app .section2 .sc-content .sc-li[data-name="商标撤三申请"] .sc-icon {
    background-position: -0.4rem -9.2rem;
  }
  #app .section2 .sc-content .sc-li[data-name="发明专利"] .sc-icon {
    background-position: -0.4rem -0.4rem;
  }
  #app .section2 .sc-content .sc-li[data-name="实用新型专利"] .sc-icon {
    background-position: -0.4rem -1.4rem;
  }
  #app .section2 .sc-content .sc-li[data-name="外观设计专利"] .sc-icon {
    background-position: -0.4rem -2.4rem;
  }
  #app .section2 .sc-content .sc-li[data-name="专利驳回复审"] .sc-icon {
    background-position: -0.4rem -3.4rem;
  }
  #app .section2 .sc-content .sc-li[data-name="文字著作权"] .sc-icon {
    background-position: -0.4rem -4.4rem;
  }
  #app .section2 .sc-content .sc-li[data-name="美术著作权"] .sc-icon {
    background-position: -0.4rem -5.4rem;
  }
  #app .section2 .sc-content .sc-li[data-name="软件著作权"] .sc-icon {
    background-position: -0.4rem -6.4rem;
  }
  #app .section2 .sc-content .sc-li[data-name="其他著作权"] .sc-icon {
    background-position: -0.4rem -7.4rem;
  }
  #app .section2 .sc-content .is-li[data-name="代理记账"] .is-icon {
    background-position: -0.4rem -0.4rem;
  }
  #app .section2 .sc-content .is-li[data-name="公司注册"] .is-icon {
    background-position: -0.4rem -1.6rem;
  }
  #app .section2 .sc-content .is-li[data-name="社保代理"] .is-icon {
    background-position: -0.4rem -2.8rem;
  }
  #app .section2 .sc-content .is-li[data-name="网站建设"] .is-icon {
    background-position: -0.4rem -3.99rem;
  }
  #app .section2 .sc-content .is-li[data-name="高新企业认证"] .is-icon {
    background-position: -0.4rem -5.19rem;
  }
  #app .section2 .sc-content .is-li[data-name="代办ICP许可证"] .is-icon {
    background-position: -0.4rem -6.39rem;
  }
  #app .section2 .sc-content .w-2 {
    width: 4.65rem;
    padding-top: 0;
  }
  #app .section2 .sc-content .w-2 img {
    width: 100%;
    height: 100%;
    display: block;
  }
  #app .section2 .sc-content .w-1 {
    width: 2.2rem;
    background: #fff;
  }
  #app .section2 .sc-content .mr-24 {
    margin-right: .24rem;
  }
  #app .section2 .sc-content .mb-24 {
    margin-right: .48rem;
  }
  #app .section2 .sc-content .sc-icon {
    width: 0.88rem;
    height: 0.88rem;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.2rem;
    background-repeat: no-repeat;
    background-size: 1.58rem 10.53rem;
  }
  #app .section2 .sc-content .sc-name {
    line-height: 0.54rem;
    font-weight: bold;
    font-size: 0.28rem;
    color: #666;
  }
  #app .section2 .sc-content .sc-price {
    color: #2196f3;
    line-height: 0.48rem;
    font-size: 0.28rem;
  }
  #app .section2 .iact-service .sc-top {
    width: 100%;
    height: 2.8rem;
    background: url("img/mobile_index_11.png") no-repeat center center;
    background-size: cover;
  }
  #app .section2 .iact-service .sc-list .is-li:nth-child(2n) {
    margin-right: 0;
  }
  #app .section2 .iact-service .sc-list .is-li {
    background: #fff;
    width: 3.45rem;
    height: 3.32rem;
    padding-top: 0.4rem;
    padding-left: .2rem;
    padding-right: 0.2rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
    text-align: center;
    float: left;
  }
  #app .section2 .iact-service .sc-list .is-li .is-icon {
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 auto;
    margin-bottom: .25rem;
  }
  #app .section2 .iact-service .sc-list .is-li .is-name {
    font-size: 0.28rem;
    color: #666;
    line-height: 0.48rem;
  }
  #app .section2 .iact-service .sc-list .is-li .is-desc {
    font-size: 0.2rem;
    color: #999999;
    line-height: 0.32rem;
  }
  #app .section2 .iact-service .sc-list .is-li .is-price {
    color: #2196f3;
    line-height: 0.52rem;
    font-size: 0.28rem;
  }
  #app .section2 .lb-service .sc-top {
    width: 100%;
    height: 2.8rem;
    background: url("img/mobile_index_13.png") no-repeat center center;
    background-size: cover;
    margin-bottom: 0.2rem;
  }
  #app .section2 .lb-service .is-li {
    width: 33.3%;
    height: 2.12rem;
    border-right: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    float: left;
    background: #fff;
    text-align: center;
    padding-top: 0.25rem;
  }
  #app .section2 .lb-service .is-li .is-icon {
    height: 1rem;
    width: auto;
    display: block;
    margin: 0 auto;
  }
  #app .section2 .lb-service .is-li .is-price {
    line-height: 0.8rem;
    color: #2196f3;
    font-size: .28rem;
  }
  #app .section2 .lb-service .is-li::nth-child(3n) {
    border-right: none;
  }
  #app .section3 {
    padding: 0 .2rem;
  }
  #app .section3 .li-div {
    height: 2.8rem;
    width: auto;
    margin-bottom: 0.1rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  #app .section3 .li-div.one {
    background-image: url("img/mobile_index_15.png");
  }
  #app .section3 .li-div.two {
    background-image: url("img/mobile_index_16.png");
  }
  #app .section3 .li-div.three {
    background-image: url("img/mobile_index_17.png");
  }
  #app .section3 .li-div.four {
    background-image: url("img/mobile_index_19.png");
  }
  #app .section5 {
    background: url("img/mobile_index_33.png") no-repeat center center;
    background-size: cover;
  }
  #app .section5 .s-content {
    width: 5.45rem;
    height: 4.5rem;
    border-radius: 5px;
    background-color: #fff;
    margin: 0 auto;
    margin-bottom: 0.6rem;
    -webkit-box-shadow: #e6e6e6 0px 0px 10px;
    -moz-box-shadow: #e6e6e6 0px 0px 10px;
    box-shadow: #e6e6e6 0px 0px 10px;
  }
  #app .section5 .s-content .sc-li {
    width: 50%;
    height: 50%;
    float: left;
    padding-top: 0.5rem;
  }
  #app .section5 .s-content .sc-li .sc-icon {
    width: 0.95rem;
    height: 0.8rem;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  #app .section5 .s-content .sc-li .sc-desc {
    font-size: 0.28rem;
    color: #333;
    text-align: center;
    line-height: 0.62rem;
  }
  #app .section5 .s-content .sc-li:nth-child(1) .sc-icon {
    background-image: url("img/mobile_index_23.png");
  }
  #app .section5 .s-content .sc-li:nth-child(2) .sc-icon {
    background-image: url("img/mobile_index_25.png");
  }
  #app .section5 .s-content .sc-li:nth-child(3) .sc-icon {
    background-image: url("img/mobile_index_30.png");
  }
  #app .section5 .s-content .sc-li:nth-child(4) .sc-icon {
    background-image: url("img/mobile_index_31.png");
  }
  /* 资讯热点 */
  #app .zx-hot-news {
      background: none;
  }
  #app .zx-hot-news .new-list {
    height: 2.72rem;
    padding: 0 0.2rem;
  }
  #app .zx-hot-news .new-list li {
    height: 0.52rem;
    padding-bottom: 0.2rem;
  }
  #app .zx-hot-news .new-list li .title {
    color: #333;
    width: 25%;
  }
  #app .zx-hot-news .new-list li span {
    font-size: 0.24rem;
    line-height: 0.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #app .zx-hot-news .new-list li .desc {
    color: #666;
    width: 55%;
  }
  #app .zx-hot-news .new-list li .time {
    color: #999;
    width: 20%;
  }
  #app .zx-hot-news .look-btn {
    display: block;
    color: #2196f3;
    line-height: 0.36rem;
    height: 0.36rem;
    width: 1.6rem;
    margin: 0 auto;
    margin-bottom: 0.5rem;
    font-size: 0.28rem;
  }
  input::input-placeholder {
    color: rgba(255, 255, 255, 0.8);
  }
  ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
  }
  :-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
  }
  ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
  }
  :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
  }





  /* PC的用了原来的，手机也改掉 */
  .commit-form{
    overflow: hidden;
	background: url(../../../img/bg4_1_02.png) no-repeat center center;
	background-size: cover;
	padding: 0.4rem 0.2rem;
}
.commit-form p{
	width: 100%;
    height: 0.8rem;
    margin-bottom: 0.2rem;
    border-radius: 3px;
    background: #5ca6db;
    position: relative;
}
.commit-form p input,textarea{
	background: transparent;
	border: none;
	outline: 0;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left center;
	width: 100%;
    height: 0.8rem;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    border: none;
    background: no-repeat 0.1rem center;
    box-sizing: border-box;
    font-size: 0.28rem;
    color: #fff;
    line-height: 0.8rem;
    /*background-size: 0.24rem 0.24rem;*/
}
textarea{
    height: 1.2rem;
    line-height: 0.4rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

/* 这种写法不兼容火狐，注释掉 */
/* input::input-placeholder{
	color: #FFFFFF;
}
::-webkit-input-placeholder {
	color:#fff;
}
:-moz-placeholder {
　　color:#fff;
}
::-moz-placeholder {
　　color:#fff;
}
:-ms-input-placeholder {
　　color:#fff;
} */
.top-service{
	padding-bottom: 0;
	margin-bottom: 0.6rem;
}
.service-list li{
	border-bottom: solid 1px #E6E6E6;
}
.submit-demand{
	  float: right;
    width: 26%;
    height: 0.8rem;
    border: none;
    border-radius: 3px;
    background: #0af;
    font-size: 0.32rem;
    color: #fff;
    text-align: center;
    line-height: 0.84rem;
}


/* 补丁，提交需求的表单 */
/* form表单 提交需求 */
#app .commit p #Company{
  background-image: url('/template/Home/Default/PC/Static/img/insf_1.png')
}
#app .commit p #tel{
  background-image: url('/template/Home/Default/PC/Static/img/insf_2.png')
}
#app .commit p #UserName{
  background-image: url('/template/Home/Default/PC/Static/img/insf_3.png')
}
#app .commit p #QQ{
  background-image: url('/template/Home/Default/PC/Static/img/insf_4.png')
}
#app .commit p #Content{
  background-image: url('/template/Home/Default/PC/Static/img/insf_5.png')
}
#app .commit p #checkcode{
  width:100%;background-image: url('/template/Home/Default/PC/Static/img/insf_6.png')
}
#app .commit #demandCheckCode{
  vertical-align: middle;
  margin-top: .1rem;
}
#app .input_tips{
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -11px;
  display: none;
  background: url(/template/Home/Default/PC/Static/img/Wrong.png) no-repeat right center;
}
.textarea_wrap textarea{
    background-repeat: no-repeat;
    background-position: .1rem .1rem;
    background-size: .4rem .4rem;
    padding-left: 0.6rem;
    padding-top: .16rem;
}
#app .textarea_wrap .input_tips{
  margin-top: -40px;
}
#app .commit input{
  outline: none;
}
/* 验证码 */

#captcha{
	width: 1.8rem;
	border: solid 1px #ccc;
	height: 0.6rem;
}
.show-captcha{
    width: 1.5rem;
	height: 100%;
	display: block;
	margin: 0 auto;
}
.code_wrap{
	width: 25%;
	line-height: 0.60rem;
	height: 0.6rem;
}
input[required]:invalid,
input:focus:invalid,
textarea[required]:invalid,
textarea:focus:invalid {
    box-shadow: none;
}

/* 修改补丁 */
#app .section6 {
  padding-bottom: 0.4rem;
}
#app .section2 .iact-service .is-icon{
  background-size: 1.58rem 7.87rem;
}
.library-service .is-icon img{
  max-width: 90%;
  margin: 0 auto;
}
#app .desc-h3 .border{
  display: none;
}
.top-text {
margin: .24rem 0;
margin-top: 0;
}
.top-text h3 {
line-height: .52rem;
font-size: 0.32rem;
color: #fff;
color: rgba(255, 255, 255, 0.9);
}
.top-text h4 {
line-height: 0.32rem;
font-size: 0.2rem;
color: #fff;
color: rgba(255, 255, 255, 0.9);
}
#app .section1 .content > div .icon{
  -webkit-box-shadow: #e2dddd 0px 0px 10px;
  -moz-box-shadow: #e2dddd 0px 0px 10px;
  box-shadow: #e2dddd 0px 0px 10px;
}
#app #property_service{
  padding-bottom: 0.4rem;
}
#app .section2 .lb-service .is-li .is-icon{
  padding-top: 0.12rem;
}
#app .is-icon img{
  width: 1.12rem;
  margin: 0 auto;
  height: .75rem;
}
#app .section2 .iact-service .sc-list .is-li .is-desc{
  height: .36rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* 2018年8月23日11:42:15 调整页面UI */
.mobile .yixuan{
  font-size: 0.28rem;
}
#app .section1 .content .qy .qy_btn{
  border-radius: 3px;
}
#app .section2 .lb-service .sc-top,#app .section2 .iact-service .sc-top{
  margin-bottom: 0.4rem;
}
#slide-button {
  background: #f5f5f5;
}