﻿.section_box {
    overflow:hidden;
    background:#F2F4F6;
    padding:20px 0;
}
.right_content_box {
    margin-left:188px;
    border:1px solid #d5d4dc;
    background-color:#fff;
}
.detail_page_top{
    position:relative;
}
.detail_page_top.brown {
    background:#fff;
}
.product_name_introl {
    padding:57px 49px 57px 51px;
    font-size:0;
    background:rgba(255,255,255,0.8);
    position:relative;
    z-index:2;
}
.product_name_introl > *{
    vertical-align:top;
    display:inline-block;
}
/*.product_name_introl .app_icon{
    width:116px;
    height:116px;
    background-image:url(../../../images/default/product/workcollar.png);
}*/
.detail_page_top .app_icon{
    width:116px;
    height:116px;
    background-image:url(../../../images/default/product/workcollar.png)
}
.product_name_introl .app_icon.app_icon_1{
    background-position:0 0;   
}
.product_name_introl .app_txt {
    font-size:12px;
    width:618px;
    padding-left:30px;
    box-sizing:border-box;
}
.product_name_introl .app_ctrl {
    width:160px;
    text-align:right;
    padding-top:40px;
}
.product_name_introl .app_ctrl > a{
    display:inline-block;
    vertical-align:top;
    width:140px;
    height:30px;
    background:#2985DD;
    color:#fff;
    text-align:center;
    line-height:30px;
    border-radius:3px;
    font-size:14px;
}
.user_look{
    font-size:15px;
    margin-top:15px;
}
.app_point_introl{
    margin-top:10px;
}
.point_value{
    font-size:12px;
    vertical-align:top;
    color:#A0A0A0;
}
.app_point_introl li{
    line-height:20px;
}
.install_icon {
    display:inline-block;
    vertical-align:top;
    width:27px;
    height:27px;
    margin-top:2px;
    margin-right:5px;
}
.user_look_details{
   height:225px;
   position:relative;
   background:url(../../../images/default/product/user_look.png) right;  
}
.user_look_details h1{
    font-size:35px;
    color:#ff6700;
    position:absolute;
    top:94px;
    left:50px;
    font-weight:900;
}
.details_head_right{
    position:absolute;
    top:50px;
    right:119px;
}
.details_head_right h2{
    font-size:23px;
    font-weight:900;
}
.details_head_right ul{
    margin-top:25px;
}
.details_head_right ul li{
    font-size:14px;
    color:#999999;
    line-height:30px;
}
.details_head_right ul li em{
    font-size:17px;
    color:#ff6700;
    font-weight:800;
}
.img{
    margin-left:51px;
    border:4px solid #e5e5e5;
    width:375px;
    height:2677px;
    background:url(../../../images/default/product/big_img.png) no-repeat;
}
.weixin{
    margin-top:41px;
    margin-left:51px;
    font-size:24px;
    border-left:8px solid #ff6700;
    margin-bottom:21px;
    padding-left:17px;
    font-weight:800;
}
.radar{
    margin-top:61px;
    border-left:8px solid #ff6700;
    font-weight:800;
    margin-left:51px;
    font-size:24px;
    margin-bottom:48px;
    padding-left:17px;
}
.radar .des{
    color:#ff6700;
}
.radar .line{
    display:inline-block;
    width:53px;
    height:2px;
    background-image:url(../../../images/default/product/line.jpg);
    margin:0 2px 6px 2px;
}
.who_come{
    font-size:22px;
    margin-left:51px;
    font-weight:600;
}
.who_come_img{
    margin-top:14px;
    margin-left:51px;
    width:649px;
    height:377px;
    background:#e5e5e5;
    border-top:3px solid #e5e5e5;
    border-bottom:3px solid #e5e5e5;
    border-right:4px solid #e5e5e5;
    border-left:4px solid #e5e5e5;
}
.details_img{
    position:relative;
}
.details_img .company{
    position:absolute;
    top:185px;
    left:435px;
    font-size:13px;
    color:#ff6700;
    font-weight:900;
    width:80px;
    border-bottom:1px dashed #ff6700;
    text-align:right;
    padding:5px 0;
}
.details_img .people_vcard{
    position:absolute;
    top:320px;
    left:435px;
    font-size:13px;
    color:#ff6700;
    font-weight:900;
    width:80px;
    border-bottom:1px dashed #ff6700;
    text-align:right;
    padding:5px 0;
}
.details_img .online_chat{
    position:absolute;
    top:585px;
    left:435px;
    font-size:13px;
    color:#ff6700;
    font-weight:900;
    width:80px;
    border-bottom:1px dashed #ff6700;
    text-align:right;
    padding:5px 0;
}
.details_img .myself{
    position:absolute;
     top:327px;
    left:542px;
}
.details_img .myself h1{
    font-size:21px;
    font-weight:500;
    margin-bottom:24px;
}
.details_img .myself p{
    font-size:17px;
    margin-bottom:7px;
}
.details_img .chat_store{
    position:absolute;
     top:595px;
    left:542px;
}
.details_img .chat_store h1{
    font-size:21px;
    font-weight:500;
    margin-bottom:24px;
}
.details_img .chat_store p {
    font-size: 17px;
    margin-bottom:7px;
}
.details_img .big_box{
    width:80px;
    height:1820px;
    border-top:1px dashed #ff6700;
    border-right:1px dashed #ff6700;
    border-bottom:1px dashed #ff6700;
    position:absolute;
    left:434px;
    top:775px;
}
.details_img .new_store{
    position:absolute;
    top:1645px;
    left:542px;
}
.details_img .new_store p{
    font-size:21px;
    margin-bottom:23px;
}
.details_img .do_what {
    margin-left:51px;
    display:flex;
    width:649px;
    justify-content:space-around;
}
.details_img .do_what li{
    margin-top:14px;
    text-align:center;
    width:33%;
    font-size:14px;
    color:#999999;
}
.radar_scene{
    margin-left:139px;
    margin-top:70px;
}
.radar_scene h3{
    font-size:16px;
    color:#999999;
    margin-bottom:24px;
    font-weight:800;
}
.radar_scene ul li{
    font-size:17px;
    color:#999999;
    line-height:30px;
}
 .radar_scene img{
     background:#e5e5e5;
     border-bottom:4px solid #e5e5e5;
     border-top:4px solid #e5e5e5;
     border-left:3px solid #e5e5e5;
     border-right:3px solid #e5e5e5;
     margin-top:17px;
 }
 .radar_scene2{
    margin-left:139px;
    margin-top:70px;
}
 .radar_scene2 h3{
    font-size:16px;
    color:#999999;
    margin-bottom:24px;
    font-weight:800;
}
.radar_scene2 ul li{
    font-size:17px;
    color:#999999;
    line-height:30px;
}
 .radar_scene2 img{
     background:#e5e5e5;
     border-bottom:4px solid #e5e5e5;
     border-top:4px solid #e5e5e5;
     border-left:3px solid #e5e5e5;
     border-right:3px solid #e5e5e5;
     margin-top:17px;
 }
  .radar_scene3{
    margin-left:139px;
    margin-top:70px;
}
 .radar_scene3 h3{
    font-size:16px;
    color:#999999;
    margin-bottom:24px;
    font-weight:800;
}
.radar_scene3 ul li{
    font-size:17px;
    color:#999999;
    line-height:30px;
}
 .radar_scene3 img{
     background:#fff;
     border-bottom:4px solid #e5e5e5;
     border-top:4px solid #e5e5e5;
     border-left:3px solid #e5e5e5;
     border-right:3px solid #e5e5e5;
     margin-top:17px;
 }
 .count{
     border:0 !important;
     margin-bottom:200px;
 }
 .phone{
     margin-left:60px;
 }
 .bright{
     position:relative;
     margin-top:61px;
     background-image:url(../../../images/default/product/bright.png) ;
     height:525px;
     padding-top:50px;
 }
  .bright h1{
      font-size:62px;
      color:#fff;
      text-align:center;
      margin-top:50px;
      
  }
  .bright h2{
      position:absolute;
      left:104px;
      top:225px;
      font-size:37px;
      color:#ff6700;
  }
   .bright h3{
      font-size:25px;
      color:#fff;
      position:absolute;
      top:322px;
      left:151px;
  }
    .bright h4{
      font-size:25px;
      color:#fff;
      position:absolute;
      top:395px;
      left:217px;
      line-height:50px;
  }
    .details_img .app_ctrl{
        text-align:center;
        margin-top:32px;
    }
    .details_img .app_ctrl > a{
    display:inline-block;
    vertical-align:top;
    width:140px;
    height:30px;
    background:#2985DD;
    color:#fff;
    text-align:center;
    line-height:30px;
    border-radius:3px;
    font-size:14px;
}
 .details_img .else_apply{
     font-size:19px;
     color:#404040;
     font-weight:700;
     margin-left:55px;
     margin-top:25px;
 }
 .apply_app li img{
     width:96px;
     height:96px;
 }
 .apply_app{
     display:flex;
     margin-left:55px;
     margin-top:44px;
     width:396px;
     height:184px;
     justify-content:space-between;
 }
  .apply_app li{
      text-align:center;
  }
  .apply_app li p{
      color:#909090;
      font-size:14px;
      margin-top:18px;
  }