body{background:#e7e7e7 ;}
h5{padding:0 ;margin:0 ;}
.clear{clear: both;}
.index_top{height:310px; margin:20px 0;}
.top_left{width:260px;  height:310px; float: left; margin-right:20px ;}
.top_mid{width:650px; height:310px; float: left; position: relative; overflow: hidden;}
.top_right{width:258px; height:308px; float: left;border:solid 1px #eee;}
.form_pic{position: relative;overflow: hidden;}
.form_pic_text{position: absolute;width:200px;padding: 16px 10px;color:#fff;top:0;}
.form_pic_text div{font-size: 12px; line-height:20px; display: block;}
.form_pic_text b{font-size: 16px;line-height:24px; display: block;height:28px; font-weight: normal;}
.form_pic_text span{font-size:14px;color:#ffff00!important;display: block;}
.cate_head{height:40px; padding:9px 0; background: #13b38b; width:260px;color:#fff; text-align: center;}
.cate_head b{font-size: 16px; line-height:22px; display: block;}
.cate_head span{ display: block; font-size: 12px; line-height:18px;}
.top_left a{border: solid 1px #eeeeee; width:228px; border-top:none; height:41px; line-height:41px; display: block; padding-left: 30px;
color:#333; transition:all 0.3s;}
.top_left a i{background:url(/image/demand/icon.png) no-repeat 0 0; width:22px; height:20px; display: inline-block; margin-right:18px ; 
vertical-align: middle;}
.top_left a:hover{color:#13b38b; padding-left:40px;width:218px ;}
.top_left a:hover i{background-position-x:-22px ;}
.top_left .cate_1 i{background-position:0 0;}
.top_left .cate_2 i{background-position:0 -20px;}
.top_left .cate_3 i{background-position:0 -40px;}
.top_left .cate_4 i{background-position:0 -60px;}
.top_left .cate_5 i{background-position:0 -80px;}
.top_left .cate_6 i{background-position:0 -100px;}
.banner{width:1000%; position: relative; height:310px;}
.banner li{float: left;}
.banner_icon{position: absolute; bottom:10px; left:50%; width:80px; margin-left:-40px ; text-align: center;}
.banner_icon span{width:16px; height:16px; display: inline-block; cursor: pointer;}
.banner_icon span i{background:url(/image/demand/lunbo_circle.png) no-repeat 0 0; width:10px; height:10px; display: block; margin:3px ;}
.banner_icon .banner_click i{background-position:0 -10px;}
/*电话需求*/
.form_box{padding:12px 20px 0 20px;}
#phone{width:186px; height:24px; padding:4px 16px; border:solid 1px #d9d9d9; margin-bottom: 12px; color:#999;}
.codes{height:36px; width:220px; margin-bottom: 12px;}
#codes{height:24px; padding:4px 16px; border:solid 1px #d9d9d9; width:87px;float: left; color:#999;}
#btn_mfyzm{width:98px; border:solid 1px #d9d9d9; border-left:none ; height:34px; line-height: 34px; color:#999; background: #f8f9f9;}
.form_dl{height:28px; width:218px; margin-bottom:10px ;border:solid 1px #d9d9d9; position: relative; z-index:100;
background:url(/image/demand/form_dl.png) no-repeat center right; border-right:none;}
.form_dl_cates{z-index:44;}
.form_dl_dtype{z-index:66;}
.form_dl dt{height:28px; line-height:28px; color:#999; cursor: pointer; padding-left:16px ; margin-bottom:1px ;}
.form_dl dt span{float: left; width:170px;}
.form_dl dt i{display:block; float:right;width:26px; height:28px;background:url(/image/demand/down_drop.png) no-repeat center; transition: all 0.4s;}
.form_dl dt.current_dt i{transform: rotate(180deg);}
.form_dl dd{height:28px; line-height:28px; border: solid 1px #d9d9d9; border-top: none; padding-left:16px ; background:#fff ;
cursor: pointer; color:#999; display: none; position: relative; z-index:9999 ; margin-left: -1px;}
.form_dl dd:hover{background:#13b38b ; color:#fff;}
.button_top{width:215px; height:36px; line-height:36px; text-align: center; display: block;background:#f04c4d ;
color:#fff; border: solid 2px #f04c4d; font-size: 16px; font-weight: bold;cursor: pointer;}
.button_top:hover{color:#f04c4d;background:#fff ;}
.form_icon{line-height:30px; height:30px;overflow: hidden;}
.form_icon span{display: block;float: left;width:60px;color:#999;height:36px; margin-left: 14px; cursor:pointer ;}
.form_icon span:first-child{margin-left:10px ;}
.form_icon span i{background:url(/image/demand/demand_icon.png) no-repeat;width:20px; height:36px; display: inline-block; vertical-align: middle;}
.form_icon span.icon_clicked{color:#f04c4d;}
.form_icon .form_icon1 i{background-position:0 -16px;}
.form_icon .form_icon2 i{background-position:-30px -16px;}
.form_icon .form_icon3 i{background-position:-60px -16px;}
.form_icon .form_icon1.icon_clicked i{background-position:0 10px;}
.form_icon .form_icon2.icon_clicked i{background-position:-30px 10px;}
.form_icon .form_icon3.icon_clicked i{background-position:-60px 10px;}
.top_right .form_tip{height:20px; line-height:20px; position: absolute; width:220px; text-align: center;overflow: hidden;}
.form_tip ul{height:60px;}
.form_tip ul li{height:20px;line-height:20px; color:#f04c4d;}
/*3中需求状态*/
.task_box{height:90px; width:1188px; border-right:solid 2px #eee; overflow: hidden; margin-bottom:20px ;}
.task{width:336px; padding:0 30px; background:url(/image/demand/task_bg.png) no-repeat 0 0; float:left;}
.task_title{line-height:22px;height:22px; padding-bottom: 6px; color:#999;}
.task_title b{font-size: 16px;color:#333; margin-right: 16px;}
.task_carousel{height:60px;overflow: hidden;}
.task_carousel li{height:20px; line-height:20px; color:#999; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.task_carousel li i{color:#f04c4d; margin:0 6px 0 4px;}
/*5步发布需求*/
.five_feet{height:99px; margin-bottom: 20px;}
.feet_box{width:201px; background:url(/image/demand/five_foot.png) no-repeat -250px 0; float: left;padding:29px 0; height:41px; margin-left: -8px;}
.feet_first{width:214px; background-position:0 0; margin: 0; font-size: 24px;font-weight: bold; color:#13b38b; text-align: center; 
height:41px; line-height:41px;}
.feet_last{width:210px; background-position:-500px 0;}
.feet_box b{margin-left: 50px; font-size: 24px; font-weight: bold; color:#fff; line-height:41px; padding:0 9px; float: left;}
.feet_box span{ width:86px;font-size: 14px;color:#444; float: left; padding-left: 14px; line-height:41px;text-align: center;}
.feet_box .feet_box_span{line-height:20px;}
/*类目各种*/
.cate_1{ background-position: -255px -9px;}
.cate_2{ background-position: -395px -9px;}
.cate_4{ background-position: -355px -9px;}
.cate_8{ background-position: -455px -9px;}
.cate_16{ background-position: -315px -9px;}
.cate_32{ background-position: -335px -9px;}
.cate_64{ background-position: -275px -9px;}
.cate_128{ background-position: -295px -9px;}
.cate_256{ background-position: -435px -9px;}
.cate_512{ background-position: -415px -9px;}
.cate_1024{ background-position: -375px -9px;}
.cate_2048{ background-position: -475px -9px;}

/*各种设计例子*/
.main{height:338px; width:1188px; border: solid 1px #eee; margin-bottom: 20px;}
.main_head{height:54px; line-height:54px;padding:0 10px 0 20px; border-bottom:solid 1px #eee;}
.main_head b{font-size: 16px; color:#333;float:left; width:286px;display: block;}
.main_head b em{font-size:12px ; color:#999; font-weight:normal ;padding-left:20px ;}
.main_href{float: right;}
.main_href a{padding:0 10px; color:#999;}
.main_box{ overflow: hidden;width:100%;}
.main_ad{width:256px; height:283px; float: left; overflow: hidden; position: relative;}
.main_ad_btn{display: block; position: absolute; width:126px; height:36px; line-height:36px; text-align: center; color:#fff; background: #385d04; bottom: 16px; left:63px;
 border-radius:5px ; border:solid 2px #385d04;font-size: 16px;font-weight: bold;}
.main_ad_btn:hover{ background: #fff; color:#385d04;}
.main_ad img{width:256px; min-height:283px;}
.main_case,.main_case1{float: left; padding:20px 20px 0 20px;border-left:solid 1px #eee; width:192px;height:263px;}
.main_case:hover{background:#fafafa ; padding:16px 24px 3px 16px ;}
.case_img{width:192px; height:192px; overflow: hidden;}
.case_img img{width:192px; min-height:192px;}
.main_case span{display: block; height:34px; line-height:34px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.prece_box{height:24px; line-height:23px;}
.prece_box b{color:#f04c4d; float: left;font-size: 16px;}
.main_button{display: block; float: right; height:24px; background:#f04c4d ; color:#fff; padding:0 10px;font-size: 14px;position: relative;overflow: hidden;}
.main_button:after{ background: #fff;content: "";height: 65px; left: -75px;opacity: .2;position: absolute;top: -30px;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 650ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 650ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 30px;
  z-index: 1;}
  .main_button i{z-index: 20;}
 .main_button:hover:after{left: 130%;
  -webkit-transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);} 

.main_button1{background:#13b38b ;}
.main_button2{background:#6cc572 ;}
.main_button3{background:#e2e2e2 ; color:#666;}
.main_design{height:60px; margin-bottom:20px ;}
.main_design_a{float: left; width:50px;margin-right: 12px; height:60px;}
.main_design_a img{width:50px; height:60px;}
.design_text{width:130px; float: left;}
.design_text .design_href{ margin-bottom: 4px; display: block;font-size: 14px; color:#333;}
.design_text i{line-height:16px; height:16px; display: block;margin-bottom: 4px;}
.design_text i em{display: block; float: left;}
.design_text b{font-size: 14px;color:#f04c4d;}
.moral_box{width:600px;float: left; height:30px; margin:12px 0; overflow: hidden; color:#999;}
.moral_box ul{position: relative;}
.moral_box li{height:30px; line-height:30px;}
.moral_boxs{height:20px;margin:17px 0;}
.moral_box li{height:20px;line-height:20px;}
.moral_box li i{color:#f04c4d;}
.moral_right{position: relative;}
.moral_right li{color:#666;}
/*需求列表*/
.deml_choose{line-height:36px; height:36px;font-size: 14px;color:#666;}
.deml_body{ overflow:hidden;}
.deml_left{width:990px; margin-right: 14px; float: left;}
.deml_right{width:186px;float: left;}
.deml_listbox{width:988px;border: solid 1px #eee; padding-bottom:10px; margin-bottom: 20px;background: #fff;}
.deml_left h5{height:40px;line-height:40px; padding-left: 20px; font-weight:normal;font-size: 14px;border-bottom:solid 1px #eee ;margin-bottom:14px ;}
.productlist_line{line-height:24px; height:24px;margin:6px 20px;}
.type_fs14{float: left;color:#999; margin-right:10px ;}
.filter-items{float: left;}
.filter-items a{padding:2px 6px;margin:0 3px; color:#333;}
.filter-items a:hover{background:#ccc ;}
.dem_list{border:solid 1px #dbdbdb;width:988px;}
.deml_head{height:48px; line-height:48px; background:#f9f9f9 ;}
.dem_head_left{float: left;}
.dem_head_left li{display: block; float: left;background:#f9f9f9 ;font-size: 14px;border-right:solid 1px #eee ;}
.dem_head_left li a{display: block; height:48px;padding:0 20px;color:#666; }
.dem_head_left li a em{background:url(/image/demand/down_drop1.png) no-repeat center; vertical-align: middle; width:10px; 
height:48px; margin-left:8px ;display: none;}
.dem_head_left .current{background: #fff;}
.dem_head_left .current em{display:  inline-block;}
.design_price_m{width:236px; float: left; height:48px;border-right:solid 1px #dbdbdb;}
.design_price_m:hover{background:#fff ;}
.design_price_m ul{ padding:9px 20px; width:200px; height:30px;}
.design_price_m .price_btn { width:44px;height:30px; margin-left: 10px;}
.design_price_m .price_btn a{color:#fff;background:#ee4d4d ;text-align: center;height:30px; line-height:30px; display: block; cursor: pointer;}
.filter-items .choose_table_a{background: #3a9daf;color:#fff;}
.filter-items .choose_table_a:hover{background: #3a9daf;color:#fff;}
.design_price_m li{float: left;min-width:14px; text-align: center; color:#666; display: block; height:30px; line-height:30px;}
.design_price_m input{width:50px; height:18px; border:solid 1px #dbdbdb ; background:#f5f5f5 ; padding:5px 6px; line-height:18px; color:#888;}
.dem_libox{overflow: hidden; background: #fff;}
.dem_li{border-top: solid 1px #eee; padding:13px 20px; overflow: hidden;}
.dem_li:hover{background: #f9f9f9;}
.dem_li_left{max-width:780px; float: left;}
.dem_li_title{display: block; line-height:24px;font-size:16px; color:#333 ;}
.dem_li_title:hover{text-decoration: underline; color:#666;}
.dem_li_title i{color:#ee4d4d;}
.dem_li_left span{line-height:22px; font-size: 12px;color:#666 ;}
.dem_li_right{max-width:160px; float: right;}
.dem_li_right div{height:24px;}
.dem_li_right a{line-height:24px;}
.dem_li_right span{line-height:22px; text-align: right; display: block;color:#666 ;}
.choose_head{padding:8px 0;}
.choose_head a{border:solid 1px #dbdbdb;font-size:12px ; padding:3px 6px; margin:0 8px;}
.cate_choose_close{padding: 0 4px;margin-left: 8px;border-radius: 3px; cursor:pointer;line-height: 12px;
    text-align: center;font-size: 14px;}
.choose_span a{ color:#666;}
.choose_head a:hover{ border-color: #3a9daf; color:#3a9daf;}
   /*换页*/ 
.page .new_on{background: #ee4d4d;color: #ffffff;}
.page{ height:25px; display: inline-block;text-align: center;}
.items,.item,.total,.form,.text,.input{ float:left; color:#737981;}
.item{ width:23px; height:23px; border:1px solid #dbdbdb; background:#fff; line-height:23px; cursor:pointer; text-align:center; margin-left:-1px; position:relative;}
.item:hover{ border-color: #206e7f; color:#206e7f; z-index:9;}
.item_current{ border-color: #206e7f; color:#206e7f;z-index:9;}
.new_item{width: 27px;height: 25px; display: inline-block; margin-right: 10px;line-height: 25px;border-radius: 2px;}
.new_item:hover{background:#ee4d4d ;color: #ffffff;}
.page_prev{height:25px;border-radius: 2px; display: inline-block;width:56px;line-height: 25px; text-align: center; margin-right:10px ;}
.page_prev:hover{background:#ee4d4d ;color: #ffffff; }
/*右侧电话需求*/
.form_rbox{height:369px;margin-bottom:20px;background:#fff ;}
.form_rbox .form_pic{position: relative;}
.form_rbox .form_pic_text{position: absolute; width:100%;padding: 0; top:28px;left:0;}
.form_rbox .form_pic_text div,.form_rbox .form_pic_text b{padding-right: 10px;text-align: right;font-size:14px ; line-height:22px; color:#fff;}
.form_rbox .form_pic_text span{color:#ffff00;font-size:12px;margin-top:10px  ;padding-right: 10px;text-align: right;}
.form_rbox #phone{width:116px; height:24px; padding:4px 16px; border:solid 1px #d9d9d9; margin-bottom: 12px; color:#999;}
.form_rbox .codes{height:36px; width:150px; margin-bottom: 12px;}
.form_rbox #codes{height:24px; padding:4px 6px 4px 16px; border:solid 1px #d9d9d9; width:47px;float: left; color:#999;}
.form_rbox #btn_mfyzm{width:78px; border:solid 1px #d9d9d9; border-left:none ; height:34px; line-height: 34px; color:#666;
 background: #f8f9f9;font-size: 12px; cursor: pointer;}
.form_rdl{height:34px; width:148px;border:solid 1px #d9d9d9; position: relative; z-index:100; no-repeat center right; border-right:none; margin:0 18px 10px 18px;
background:url(/image/demand/form_dl.png) no-repeat right;}
.form_dl_cates{z-index:44;}
.form_dl_dtype{z-index:66;}
.form_rdl dt{height:34px; line-height:34px; color:#999; cursor: pointer; padding-left:16px ; margin-bottom:1px ;}
.form_rdl dt span{float: left; width:100px;}
.form_rdl dt i{display:block; float:right;width:26px; height:34px;background:url(/image/demand/down_drop.png) no-repeat center; transition: all 0.4s;}
.form_rdl dt.current_dt i{transform: rotate(180deg);}
.form_rdl dd{height:34px; line-height:34px; border: solid 1px #d9d9d9; border-top: none; padding-left:16px ; background:#fff ;
cursor: pointer; color:#999; display: none; margin-left: -1px;}
.form_rdl dd:hover{background:#13b38b ; color:#fff;}
.form_rbox .button_top{width:145px; height:36px; line-height:36px; text-align: center; display: block;background:#f04c4d ;
color:#fff; border: solid 2px #f04c4d; font-size: 16px; font-weight: bold; margin: auto;}
.form_rbox .form_icon{padding:0 10px;}
.form_rbox .form_icon span{width:50px;margin-left: 2px;}
.form_rbox .form_icon span:first-child{width:53px;margin-left: 8px;}
.form_rbox .form_icon span:hover{color:#f04c4d;}
.button_top:hover{color:#f04c4d;background:#fff ;}
.deml_right .form_tip{line-height:20px; color:#f04c4d;text-align: center; height:20px;overflow: hidden;}
.design_box{background:#fff ;}
/*小匠推荐*/
#design_title{ height:32px; line-height:32px; text-align: center; font-size: 14px; color:#333; border:solid 1px #eee;}
.design_nrem{padding:20px 12px; padding-bottom: 16px; border:solid 1px #eee; border-top: none;}
.design_npic{width:160px; height:192px; overflow: hidden; position: relative; display: block;}
.design_npic img{width:160px;min-height：192px;}
.design_nrem_name{padding-top: 6px; font-size: 14px; color：#333; line-height:20px; height:20px}
.design_nrem_name span{float: left;}
.design_nrem_name em{float: right;}
.design_nrem_name em i{color:#ee4d4d; font-weight:bold; margin-right: 4px;}
.design_nlist{height:18px;line-height:18px; overflow: hidden;color:#666; width：100%;display: block;}
.design_nlist a{color:#666;}
.design_nlist a:hover{color:#13b38b;text-decoration: underline;}
.tuijian_icon{ width: 31px; height: 103px; background: url(/image/demand/tuijian.png); position: absolute; top: 0px; left:0;}
/*门派推荐*/
.dem_sects{margin:40px 0; background:#fff ; overflow: hidden;}
.sects_box{padding: 20px; border: solid 1px #dbdbdb; border-left:none ; position: relative; width:197px; float: left; padding-bottom: 12px;}
.sects_box:first-child{border:  solid 1px #dbdbdb; padding:20px 19px 12px 20px;}
.attext_pic{width:31px; height:100px; position: absolute; left:20px; top:0; background:url(/image/demand/attest.png) no-repeat ;}
.sects_name{margin-top: 8px;line-height:22px; height:22px; overflow: hidden;font-size: 14px; display: block;}
.sects_name span{float: left; color:#333;}
.sects_name em{float: right; color:#999;}
.sects_nlist{ display: block; text-align: right; color:#ee6868; line-height:20px;}

/*发布需求三部曲*/
#demand_step{background:url(/image/demand/three_bg.png) no-repeat;height:60px; margin-top:20px ;}
#demand_step div{float: left; line-height:60px; height:60px; text-align: center;font-size: 20px; color:#666;}
.step_1{}
.step_2{}
.step_3{}
.step_01{ }
.step_02{  display: none;}
.step_03{  display: none;}
.step_1 .step_01{color:#fff!important;}
.step_2 .step_01{color:#fff!important;}
.step_2 .step_02{color:#fff!important;}
.step_3 div{color:#fff!important;}
/*第一个页面*/
#step_one{padding:40px 229px; border: solid 1px #dbdbdb;border-top: none; background: #fff;overflow: hidden;}
#step_one dl{width:228px; border: solid 1px #dbdbdb;float: left; border-bottom: 0;}
.plattype{width:228px; border: solid 1px #dbdbdb;height:360px;float: left; margin:0 20px;}
#step_one dl:first-child{margin-left:0 ;}
.plattype_tit{background:#f9f9f9 ; padding-left: 40px; height:48px; line-height:48px;font-size: 16px;color:#333;
border-bottom: solid 1px #dbdbdb;}
.plattype_tit i{font-size: 12px;color:#ef4c4d;}
.plattype ul{overflow: auto; height:312px;}
#step_one dd,#step_one li{line-height:38px; height:38px; border-bottom: solid 1px #dbdbdb;padding-left: 40px;font-size:12px ; color:#666;
cursor: pointer;}
#step_one .platform dd:hover,#step_one li:hover{background: #13b38b;color:#fff;}
#step_one .current{background: #13b38b;color:#fff;}
.form_type dd:hover{background:#f9f9f9;}
.form_type span{background: url(/image/demand/marquee1.png) no-repeat left center; padding-left: 30px;}
.form_type .clicked span{background: url(/image/demand/marquee2.png) no-repeat left center;}
.demand_button1{width:180px;height:40px; line-height:40px; text-align: center; color:#fff;margin:20px auto; margin-bottom:0 ; background: #13b38b;
display: block;font-size: 16px; cursor:pointer ;}
/*第二个页面*/
#step_two{padding:30px 220px 50px 220px; background:#fff ;display: none;}
.step_infobox{padding-bottom: 4px; background: #fff;}
.step_infobox b{font-size: 16px;line-height:26px;color:#333;margin-top: 14px;display: block;font-weight: normal; margin-bottom:10px ;}
.info_choose{height:30px; line-height:30px;}
.info_choose span{display: block; padding-right:15px;color:#13b38b ;float: left;}
.info_choose_button{width:60px;height:28px;border: solid 1px #dbdbdb;border-radius:4px;-webkit-border-radius:4px;display: block;float: left;
text-align: center;font-size: 14px;color:#666;background:#f9f9f9 ;cursor:pointer ;} 
.info_choose_button:hover{color:#13b38b;}
.style_box{line-height:28px;overflow: hidden; width:134px; float: left; margin-right: 12px; margin-bottom: 8px;}
.style_box img{width:130px; height:130px; border: solid 2px #dbdbdb;}
.style_box:hover img{border-color: #13b38b;}
.style_box span{padding-left: 30px;background: url(/image/demand/marquee1.png) no-repeat left center;float: left; margin-right: 30px;cursor: pointer;
color:#666;font-size: 12px; display: block; display: block;}
.style_box .clicked{background: url(/image/demand/marquee2.png) no-repeat left center;}
.info_refer{ margin:10px 0;line-height:30px;}
.info_refer span{padding-right:10px ;font-size: 16px;color:#333;}
.info_refer input{height:20px;padding:6px 12px;border: solid 1px #dbdbdb;color:#666;width:400px;}
.step_infobox{overflow: hidden;}
.step_infobox em{color:#ef4c4d; margin-right:4px ;}
.special_stepem{font-size: 12px;font-weight: normal; padding-left:20px ;}
.step_infobox2{padding-bottom: 20px;}
.step_infobox2 .info_refer{margin:10px 0; height:40px;line-height:40px;}
.step_infobox2 .info_refer input{padding:9px 12px; width:266px;}
.info_refers{overflow: hidden;}
.add_shopex span{visibility: hidden;}
.add_shopex i{padding-left: 20px;font-size: 12px; color: #ef4c4d;display: none;}
.info_refer #add_shopex{border:solid 1px #dbdbdb ;width:150px; cursor: pointer; background:#f9f9f9 ;color:#999;height:34px;line-height:20px;}
.info_refers textarea{width:426px; height:80px;border: solid 1px #dbdbdb; padding:10px 10px;color:#666; margin-top:6px ; float: left;}
.info_refer_right{width:280px;float: left; margin-left:20px ;margin-top: 2px;}
.info_refer_right i{display:block;line-height:22px; color:#999;}
.info_refer_right #textarea_tip{color:#ef4c4d; display:none ;}
.xprice_box{margin:10px 0;}
#xprice{width:154px;border: solid 1px #dbdbdb; height:20px;line-height:20px;padding:9px 12px; margin-right:20px ;}
.xprice_box span{color:#666;font-size: 14px;}
.step_codes{margin:20px 0; overflow: hidden;}
.codes_txt span{font-size:16px;font-weight: bold ;color:#333;}
.codes_txt span em{color:#ef4c4d; margin-right:4px;}
.codes_input{float: left;}
.codes_input input{ height:20px; line-height:20px; padding:9px 12px;}
.codes_input #phone{width:198px;border: solid 1px #dbdbdb; float: left; height:20px; line-height:20px; padding:9px 12px;margin:0 ;}
.codes_input #btn_mfyzm{height:40px;line-height:40px; padding: 0;border: solid 1px #dbdbdb;font-weight: bold; border-left: none;cursor: pointer;}
.codes_input div{margin-bottom: 6px;}
.codes_input #codes{width:198px; padding:9px 12px; }
.code_tip{line-height:40px; color:#ef4c4d;font-size: 14px;margin-left:10px ; display: none;}
#step_button2{margin-left:0 ;float: left;}
.button_box{height:40px;}
#form_retip{line-height:50px; margin-left: 20px; color:#ef4c4d; display: block;float: left;margin-top: 20px;}
.delete_shopex{padding-left: 16px;font-size: 16px; color:#999; cursor:pointer ;}
.delete_shopex:hover{color:#ef4c4d;}
.get_moreform{background:url(/image/demand/datth_line.png) repeat-x center;background:#fff ;}
.moreform_head{font-size:14px; color:#13b38b; display: block;width:270px;text-align: center; text-decoration: underline;
cursor:pointer ; margin:0 auto; height:20px; line-height:20px; background:#fff ;}
#more_form{display:none ;}

/*第三个页面*/
#step_three{padding:76px 360px; background:#fff ;display: none;}
#step_three img{display: block; margin:5px auto;}
#step_three b{font-size: 16px;color:#666;font-weight: normal;display: block;text-align: center;line-height:40px;}
.leave_time{font-size: 24px;font-weight: bold;color:#fc622e; text-align: center;line-height:36px;}
.leave_time em{color:#ef4c4d;}
#step_three span{font-size: 12px;line-height:36px;text-align: center;display: block;}
.list_abox{width:188px; height:38px;border:solid 1px #1eb38c; line-height:38px; font-size: 14px; text-align: center;border-radius: 4px;
display: block; margin:12px auto;color:#1eb38c;}
.list_abox:hover{background:#1eb38c ;color:#fff;}
.warnings{line-height:24px;height:24px;padding-top: 16px;font-size: 14px;text-align: center;color:#ef4c4d; display:none ;}

.tip_error{margin-left:20px ;color:#ef4c4d; line-height:30px; font-size: 12px;}
.info_refer #refer_tip{color:#ef4c4d;font-size: 12px;font-weight: normal;}
#phone_tip{line-height:40px; display: inline-block;color:#999;}
#phone_tip span{color:#ef4c4d;padding:0 4px;}
#step_three .list_abox_tip{font-size: 12px; line-height:24px;height:24px;}
/*内页*/
.detail_choose{margin-top: 10px;}
.inpage_box{margin: 10px 0;background: #fff;overflow: hidden; padding-bottom: 40px;}
.inpage_left{padding: 36px 54px;width:704px;float: left;position:relative;}
.inpage_right{width:378px; float: left;}
.inpage_tit h4{font-size: 28px;color:#333;font-weight: bold;line-height:40px; margin-bottom:10px ;}
.inpage_tit h4 i{color:#ef4c4d;}
.inpage_tipbox{width:100%;height:30px; margin-bottom: 6px;;}
.inpage_tit span{color:#999;line-height:26px;height:26px; overflow: hidden;display: block;margin-bottom:6px ;}
.inpage_tip{height:28px;line-height:28px;font-size:14px;padding:0 8px;border:solid 1px #13b38b;color:#13b38b;display: block;float: left;margin-right: 10px;}
.inpage_tit em{color:#333;line-height:22px; display:block;}
.inpage_time{border-left:solid 1px #dbdbdb; width:376px;height:220px;}
.inpage_time ul{padding-top: 26px;margin-left: -14px;}
.inpage_time ul li{line-height:44px;height:44px; font-size: 14px;font-weight: bold;color:#34bbc1;}
.inpage_time ul li i{width:28px;height:28px; background:url(/image/demand/time_line.png) no-repeat 0 6px; display:block;float: left; margin:8px 20px 8px 0;}
.inpage_time ul li span{float: left; display: block;}
.inpage_time ul .time_ing{color:#ef4c4d;}
.inpage_time ul .time_ever{color:#666;}
.inpage_time ul .time_ing i{ background:url(/image/demand/time_line.gif) no-repeat 1px 0;}
.inpage_time ul .time_ever i{background-position:0 -76px;}
.inpage_case{border-bottom: solid 1px #eee;height:363px;}
.inpage_case h5{font-size:16px ;font-weight: bold; padding-left: 20px;border-left:solid 2px #34bbc1; margin-bottom:20px ;}
.journal{line-height:40px; height:40px; padding-left: 22px;}
.journal em{width:248px;float: left;}
.journal span{float: left;width:420px; overflow: hidden;}

#moral_boxin{width:215px;float: none;margin:6px 15px; height:22px;}
.inpage_case .top_right{height:324px; margin-top: 20px; margin-left:40px ;}

#moral_boxin li{color:#999; height:22px; line-height:22px;}
.form_rbox #moral_boxin{width:154px;}
.form_rbox #moral_boxin li span{display: block; width:120px; float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#999;}
.form_rbox #moral_boxin li i{display: block; width:30px; float: right; color:#999;}
.inpage_dem dl{width:215px; margin-left: 15px;}
.inpage_dem .button_top{width:212px; margin-left:15px ;}
.inpage_dem .form_icon{height:30px;line-height:24px; margin:0 15px; width:215px;}
.inpage_dem .form_icon span{width:58px;}
.inpage_formtip{color:#ef4c4d;text-align: center;line-height:20px;height:20px;display: block; right:15px; bottom:5px;
width:215px; overflow: hidden; margin:0 auto;}
.inpage_formtip li{color:#f04c4d;}
.inpage_des_box{padding:30px 54px;}
.inpage_des{border: solid 1px #eee; padding: 10px; width:168px;float: left; margin-left: 22px;}
.inpage_des:first-child{margin: 0;}
.inpage_imgbox{width:168px;height:202px;}
.inpage_imgbox img{width:168px;min-height:202px;}
.inpage_des_tit{margin-top: 4px;height:22px;line-height:22px; color：#666; overflow: hidden;}
.inpage_des_tit i{float: left; width:100px;}
.inpage_des_tit span{width:68px; color:#999;}
.inpage_des_tit span em{color:#ef4c4d;font-weight: bold;}
.inpage_des_tip{ height:22px; line-height:22px; overflow: hidden; color:#666;}
.inpage_des_tip a{color:#666;}
.border-none{border-bottom:none ;}

/*弹窗*/
.alert_cover{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 111; background:rgba(0,0,0,.6); z-index:99999 ;}
.alert_tc{ position: fixed; width: 400px; left: 50%; top: 20%; margin-left: -200px; z-index: 112; border-radius: 4px; overflow: hidden;}
.alert_tip{ width:98%; padding-left: 2%; line-height: 30px; background: #3a9daf; font-size: 14px; height:30px; color: #FFFFFF;}
.alert_note_c{ width: 100%; background: #FFFFFF; padding: 30px 0 30px 0; color:#3a9daf;}
.alert_note{ width: 90%; margin: 0 auto; color:#3a9daf; font-size: 16px; line-height: 24px; text-align: center;}
.alert_btn_c{ width: 100%; padding-top: 20px; background: #FFFFFF;}
.alert_btn2{ display: block; width:124px; margin: 0 auto; text-align: center; font-size: 16px; line-height:34px; border-radius: 4px; color: #FFFFFF; background: #ee4d4d;}

/*友情链接*/
.boder_b_g{ border-bottom: 1px solid #eeeeee;}
.recdes_title_wrap{ width: 100%; height: 60px; position: relative;}
.yj_p_title{ float: left; line-height: 60px; font-size: 22px; color: #333333;}
.attach_wrap{ float: right; margin-top: 18px;}
.add_url,.join_in{ width: 70px; height: 24px; line-height: 24px; text-align: center; border-radius: 3px; float: left; margin-left: 10px;}
.add_url{ border: 1px solid #00a0af; color: #00a0af;}
.join_in{ border: 1px solid #00a0af; color: #ffffff; background: #00a0af;}
.link_url_c{ padding: 14px 0;}
.link_url{ float: left; color: #999999; font-size: 14px;line-height: 25px; margin-right: 18px; margin-left: 5px;}
 /*2017-10-27新增*/
.btn{ display: inline-block; text-align: center; border-radius: 4px; border-style: solid; border-width: 1px;}
.btn_orange{ 
  background: #f77c1e;
  background-image: -moz-linear-gradient( 90deg, rgb(244,117,23) 0%, rgb(255,147,51) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(244,117,23) 0%, rgb(255,147,51) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(244,117,23) 0%, rgb(255,147,51) 100%);
  border-color: #f47517;
  color: #ffffff;
}
.btn_orange:hover{
  background-image: -moz-linear-gradient( 90deg, rgb(255,147,51) 0%, rgb(244,117,23) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,147,51) 0%, rgb(244,117,23) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,147,51) 0%, rgb(244,117,23) 100%);
}
.btn_orange.checked,.btn_orange:active{
  background-image: -moz-linear-gradient( 90deg, rgb(244,117,23) 0%, rgb(255,147,51) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(244,117,23) 0%, rgb(255,147,51) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(244,117,23) 0%, rgb(255,147,51) 100%);
  box-shadow: inset 0px 2px 7px 0px rgba(0, 0, 0, 0.28);
}
.btn_white{
	background: #ffffff;
  background-image: -moz-linear-gradient( 90deg, rgb(245,245,245) 0%, rgba(255,255,255,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(245,245,245) 0%, rgba(255,255,255,0) 100%);
  border-color: #e9e9e9;
  color: #666666;
}
.btn_white:hover{
  background-image: -moz-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(245,245,245) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(245,245,245) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(245,245,245) 100%);
}
.btn_white.checked,.btn_white:active{
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(241,243,247) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(241,243,247) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(241,243,247) 100%);
  box-shadow: inset 0px 2px 7px 0px rgba(0, 0, 0, 0.2);
}
.add-btn-box{position:absolute;top:36px;right:54px;width:100%;}
.add-btn{width:156px;height:40px;line-height:40px;font-size:16px;user-select:none;float:right;}
.btn-showinfo{display:inline-block;padding:9px 20px;background-color: rgb(0, 0, 0);opacity: 0.702;line-height:25px;color:#fff;font-size:16px;border-radius:5px;text-align:right;position:absolute;top:68px;right:0;}