.top{position: fixed; left: 0; top: 0; background: #f44; width: 100%;height: 70px;z-index: 999;}
.top_height{ width: 100%; height: 70px; clear: both;}
.top .logo{ width: 180px; float: left; height: 70px; background: none; border: none;}
.top .logo a{ height: 100%; width: 100%; display: flex; align-items: center; justify-content: flex-start;   }
.top .city{width: 124px;height: 100%;float: left; position: relative;}
.top .city p{line-height: 70px;color: #fff;padding: 0 0 0 24px;font-size: 16px;background: url(icon_site_2.png) -5px 20px no-repeat;}
.top .city p b{ font-weight: normal;}
.city_more{position: absolute;left: 0px;top: 70px;background: #fff; border: 1px solid #ddd; padding: 10px 10px;width: 200px;}
.city_more h2{font-weight: normal;font-size: 16px;color: #666;}
.city_more a{ display: inline-block; font-size: 14px; line-height: 32px; padding: 0 10px 0 0; float: left;}
.city_more a:hover{ color: #f44;}

.i_nav_cont{width: 580px;padding: 0px 0 0 6px;float: left;}
.i_nav_cont ul li{float: left;padding: 0  13px;border-radius: 4px;}
.i_nav_cont ul li a{line-height: 70px;color: #fff;font-size: 16px;}
.i_nav_cont a:hover{ color: #ff0;}
.i_nav_login{   position:absolute ; right: 0; top: 0; }
.i_nav_login p{font-size: 16px; color: #fff; text-align: center; line-height: 20px; padding:20px 0 0;}
.i_nav_login p a{ color: #fff;  line-height: 30px;}
.i_nav_login p a:hover{ text-decoration: underline;}
.i_nav_per{ float: right; position: relative; padding: 10px 0 0 0; height: 60px; }
.i_nav_per .head_img{ width: 50px; height: 50px; cursor: pointer;}
.i_top_adv{ width: 100%;  text-align: center; background: url(i_top_adv.jpg) center top no-repeat; height: 100px;}
.i_nav_search{ float: left; border: 1px solid #fff; height: 28px; border-radius: 20px; width: 220px; margin-top: 20px;}
.i_nav_search input{  border: none;  outline: none; float: left; line-height: 28px; height: 28px; }
.i_nav_search .input{ width: 170px;  color: #fff; background: none;  padding: 0 0 0 10px; font-size: 12px} 
.i_nav_search .sub{background: url(icon_search.png) center center no-repeat; cursor: pointer; width: 39px; height: 28px;  float: right; }
.i_nav_per:hover .nav_logo_show{ display: block;} 
.i_search_out{position: absolute;background: #fff;padding:8px 0 0 8px;width: 214px;height: 60px;left:890px;top: 70px;z-index: 5;}
.i_search_cont .head_img{ width: 50px; height: 50px; margin-right: 6px; float: left;}
.i_search_cont h2{ font-size: 18px; }
.i_search_cont p{ color: #999; font-size: 14px;;}
.i_search_out .close{ position: absolute; right: 4px; top:2px;}
.i_nav_sea{ width: 660px; padding: 20px 0 0; float: left; position: relative; display: flex; align-items: center; justify-content: flex-start;}
.i_nav_sea input{ width: 80%; border: none; background: none; color: #fff; border-bottom: 1px solid #fff; line-height: 40px; height: 40px; outline: none;}
.i_nav_sea  .sub{background: url(icon_search.png) center center no-repeat; cursor: pointer; width: 40px; height: 40px;   }

.banner_img{ width:  100%;   height: 400px; }
.banner_img .swiper-slide a{ display: block; width: 100%; height: 100%; background:center top no-repeat;}
.banner_img .swiper-slide .ban1{ background-image: url(banner_01.jpg);}
.banner_img .swiper-slide .ban2{ background-image: url(banner_02.jpg);} 
.banner_img .swiper-pagination-bullet-active{    background: #ff4444; width: 20px; border-radius: 20px;}

.nav_logo_show{ display: none; position: absolute; width: 220px; padding: 0 0 16px 0; height:auto; background: #fff; border: 1px solid #eee; right: 0px; top:70px; z-index: 99; text-align: center; }
.cen_per{ width: 240px; text-align: center; height: 400px; position: absolute; left: 50%; top: 0; margin-left: -600px; z-index: 2; background: #fff;   }
.cp_img{position: relative;width: 100%;padding: 20px 0 11px 0;}
.cp_img img{  border-radius: 50%; width: 100px;}
.cp_img span{background: url(icon_huangguan.png);width: 37px;height: 37px;position: absolute;left: 62px;top: 5px;}
.cp_name{ width: 100%;}
.cp_name h2{ font-weight: normal;}
.cp_rz{width: 100%;padding: 3px 0;text-align: center;}
.cp_rz img{}
.cp_msg{width: 80%;height: 70px;margin: 0 auto;padding: 6px 0 0;}
.cp_msg a{ display: block;  float: left; width: 49%;;}
.cp_msg a:nth-child(1){ border-right: 1px solid #eee;}
.cp_msg span{ display: block;}
.cp_msg .s1{ font-size: 30px; color: #f66666; line-height: 34px;}
.cp_msg .s2{ font-size: 14px; color: #999; line-height: 22px;}
.cp_msg a:hover span{ color: #ff8400;}
.cp_zl{width:90%;height: 60px; margin: 0 auto;}
.cp_zl a{ display: block;  float: left; width: 33%; }
.cp_zl a span{ display: block; font-size: 14px;}
.cp_zl .a1 span{color: #ff9f05;}
.cp_zl .a2 span{color: #0fb3f0;}
.cp_zl .a3 span{color: #ff0000;}
.cp_zl .a3 { border: none;}
.nav_logo_show .per_xinxi{ width: 90%; margin: 0 auto; display: flex; align-items: center; justify-content:center}
.nav_logo_show .per_xinxi span{  padding: 0 10px 0 26px; }
.cp_go{width: 100%;padding: 10px 0 0;}
.cp_go a{  background: #ff8400; margin: 0px 2px; border-radius: 30px; color: #fff; line-height:28px; display: inline-block; padding: 0 18px; font-size: 14px;;}
.cp_go a.a2{ background: #0fb3f0;}
.cp_go a:hover{ background-color: #ff4444;}

.search { width: auto; padding: 12px 12px;  border: 1px solid #eee; position: relative;}
.search ul li{ float: left; padding: 10px 20px;}
.search .name{ float: left;}
.search .name span{ line-height: 28px; font-size: 16px; color: #999;}
.search .cont{ float: left;}
.search .cont .sex a {display: inline-block;border-radius: 20px;color: #c1c1c1;font-size: 14px;border: 1px solid #e2e2e2;padding: 0 20px;margin: 0 4px;}
.search .cont .sex .active{ background: #f44;  color: #fff; border-color: #f44;}
.search .cont span{color: #e2e2e2;} 
.search .cont select{outline: none;display: inline;font-size: 14px;margin: 0 3px;border: 1px solid #cdcdcd;border-radius: 6px;height:28px;line-height: 28px;padding: 0 0 0 10px;color: #666; width: 128px; cursor: pointer;}
.search .sub {position: absolute;right: 73px;top: 60px;}
.search .sub input{cursor: pointer;line-height: 30px;height: 30px;border-radius: 6px;   padding: 0 47px;border:1px solid #f44;color: #fff;background: #f44;font-size: 16px;outline: none;}
.search .sub input:hover{ background: #d41010;  }

 
.i_center_t{ width:600px; margin: 0 auto; padding: 10px 0; text-align: center;}
.i_center_t ul li{ padding: 0 7px; float: left; }
.i_center_t a{ display: inline-block; font-size: 18px; line-height: 58px; color: #999; padding: 0 18px; border-bottom: 2px solid #fff;}
.i_center_t a:hover{ color: #f44;}
.i_center_t .active a{ border-color: #f44; color: #f44;}
.i_center_load{ width: 100%; text-align: center; padding: 20px 0;}
.i_center_load p,.i_chat_load p{ font-size: 14px; color: #666; padding: 10px 0;}
.i_chat_load{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; flex-direction: column;}
.i_center_list{ width: 1240px;}
.i_center_list ul li{ width: 290px; float: left; margin:0  10px 0 0;  height: 400px; display: inline; position: relative; }
.i_center_list .list_img{ background: url(logo_c1.png) center center no-repeat #fafafa;  position: relative; height: 290px;transition: all .5s ease;  }
.i_cen_words{padding: 8px 0 8px 10px;background: #fff;}
.i_center_list .hy_icon{ background: url(icon_huangguan.png); width: 37px; height: 37px; transition: all .5s ease;   position: absolute; left: 10px; top: 10px;}
.i_center_list .hy_name a{ color: #ff8400;}
.i_center_list .hy_name img{display: block;}
.title{width: 100%;padding: 4px 0 10px 0;display: flex;align-items: center;justify-content: flex-start;}
.title a{ font-size: 18px; color: #333; }
.title a:hover{ color: #f44;}
.title img{ margin-left: 10px; display: none;}
.i_cen_words p{color: #999; line-height: 20px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; height: 20px; }
.i_cen_words p span{ color: #666; font-size: 14px;}
.i_cen_tag{ padding: 0px 0 0 5%; transition: all .5s ease;  position: absolute;left: 0;top: 260px; z-index: 3;height: 30px;width: 95%; 
 background:linear-gradient(top,rgba(0,0,0,.0),rgba(0,0,0,.6)) ; background:-webkit-linear-gradient(top,rgba(0,0,0,.0),rgba(0,0,0,.6)) }
.i_cen_tag span{color: #fff;font-size: 16px;padding: 0 0 0 23px;display: inline-block;background: url(icon_tag.png) no-repeat;width: 45px;line-height: 30px;background-size: 20px auto;}
.i_cen_tag .yan{background-position: 0px 6px;}
.i_cen_tag .hua{background-position: 0px -26px;}
.i_cen_tag .xin{background-position: 0px -63px; display: none;}
.i_center_list ul li:hover .list_img{ padding-top:8px;}
.i_center_list ul li:hover .i_cen_words{ box-shadow: 0 1px 30px #ddd; }
.i_center_list ul li:hover .i_cen_tag{top: 268px;}
.i_center_list ul li:hover .hy_icon{top: 18px; }


.pages2 {margin-top:10px; width:100%; clear:both; height:50px; text-align: center;}
.pages2 a { background:#fff; border: solid 1px #ddd; color: #999; }
.pages2 a:hover { background:#f15143; color: #fff; border:solid 1px #f15143; }
.pages2 a, .pages2 span {display: inline-block;text-align:center;height: 32px;line-height: 32px;margin-right: 10px;padding: 0 13px;}
.pages2 li {float:left;display:inline; margin:0px 3px; line-height:40px;height:40px;}
.pages2 .thisclass { background:#f15143; height:40px;line-height:40px;margin-right:4px;padding:0 17px;color:#FFF;border: solid 1px #f15143;}
.pages2 .thisclass a{border:0;margin:0; color:#FFF;}
.pages2 .prev, .pages2 .next, .pages2 .lastPage, .pages2 .firstPage { color:#999; background:#fff; }
.pages2 .p-current.prev, .pages2 .p-current.next, .pages2 .p-current.lastPage, .pages2 .p-current.firstPage { color:#666; background:#fff; border: solid 1px #ccc; }

.reg_bg{ width: 100%; background: url(reg_bg.jpg) center top no-repeat; height:900px;}
.reg_box{ width: 500px; padding: 0 0 30px 0; overflow: hidden; background: #fff; border-radius: 14px; float: right; }
.reg_top{   width: 100%;height: 70px; clear: both;}
.reg_top .fl{ display: flex; align-items: center;  }
.reg_top .fl span{ line-height: 70px; font-size: 22px; color: #666;}
.reg_top a{ line-height: 70px; font-size:18px; float: right; color: #f44;}
.reg_top a:hover{text-decoration: underline;}
.reg_t{ background:#f1f1f1;  text-align: center; width: 90%; margin: 0 auto;}
.reg_t h2{color: #f44; font-size: 24px; font-weight: normal;  line-height: 60px;  }
.reg_input{ width: 90%;}
.reg_input{ width: 90%; margin: 0 auto; padding: 20px 0 0;}
.reg_input ul li{margin: 0 0 20px 0; width: 100%;;}
.reg_input strong{ width: 140px; line-height:50px; text-align: right; float: left; display: block; font-weight: normal; font-size: 16px; color: #999; }
.reg_input strong b{color: #d00;}
.reg_input .p0{ display: flex; align-items: center; justify-content: flex-start; }
.reg_input input,.reg_input select{line-height: 48px;width: 300px; font-size: 16px; color: #666; border-radius: 4px; height: 48px;padding: 0 0 0 10px;border: 1px solid #ddd;}
.reg_i_cont{ float: left; width: 510px; }
.reg_i_sex span{ display: inline-block;  cursor: pointer; background: url(icon_sel.png) 0px 13px no-repeat; padding: 0 20px 0 28px; color: #999; font-size: 18px; line-height: 50px;}
.reg_i_sex span.active{ background-position: 0 -45px;}
.reg_i_cont #city select{ width: 28%;}
.reg_input .yzm input{ width: 190px; }
.reg_input .yzm a{ border-radius: 4px; background: #389dd7; color: #fff; line-height: 50px; width: 100px; display: inline-block; font-size: 16px; text-align: center; margin-left: 10px;}
.reg_input .yzm a.active{ background: #ddd; color: #999; font-size: 12px;}
.reg_input .sub button{ background: #e1e1e1; cursor: pointer; color: #fff; line-height: 50px; border: none; outline: none; border-radius: 4px;  font-size: 20px; padding: 0; width: 320px; }
.reg_input .sub button:hover{ background: #f44;}

.login_title{padding: 10px 0 0 10px; height: 50px;}
.login_title ul li{  padding: 0 10px;  float: left; text-align: center;}
.login_title a{ cursor: pointer; line-height: 40px; color: #999;; font-size: 14px; display: block;  }
.login_title .current a{ color: #333;   font-size: 20px; border-bottom: 2px solid #ff8400;}
.login_input{ width: 90%; margin: 0 auto; padding: 20px 0 0;}
.login_input ul li{margin: 0 0 12px 0;}
.login_input strong{ width: 88px; line-height: 34px; text-align: right; float: left; display: block; font-weight: normal; font-size: 16px; color: #999; }
.login_input .p0{ display: flex; align-items: center; justify-content: flex-start; }
.login_input input{line-height: 38px;width: 96%;height: 38px;padding: 0 0 0 10px;border: 1px solid #ddd;}
.login_input .yzm input{ width:220px;}
.login_input .yzm a{float: right; background: #3189db; color: #fff; display: inline-block;; line-height: 38px; text-align: center; padding: 0 15px;}
.login_input .yzm a:hover{background: #0a65ba;}
.login_input .sub{width: 100%;margin: 0 auto;padding: 0;} 
.login_input .sub input{ background: #ff8400; cursor: pointer; padding: 0; line-height: 40px; height: 40px; width: 100%;  color: #fff; font-size: 18px; border: none;}
.login_input .sub input:hover{ background: #e47601;}
.reg_text{ width: 86%; margin: 0 auto; padding: 22px  0;}
.reg_text p{ color: #999;}
.reg_text p a{color: #3189db; }
.reg_text p span{color: #ff8400; }
.login_h{  width: 100%; height: 120px;}
.login{ width: 360px;  float: right; position: relative; overflow: hidden; background: #fff; border-radius: 14px;  }
.login .a_back{ position: absolute; right: 20px; top: 20px; font-size: 15px; color: #f44;}
.login .a_back:hover{ text-decoration: underline;}
.login_t{ width: 100%; text-align: center; }
.login_t h2{ font-size: 30px; line-height: 80px; font-weight: normal; color: #666; border-bottom: 1px solid #eee;}
.login .li_p0{ text-align: left;}
.login .li_p0 a{ color: #3189db;}
.login .li_p1{ text-align: center; padding: 10px 0 0;} 
.login .li_p1 a{ color: #999;} 
.login .li_p1 a:hover{ color: #3189db;}
.reg_cont{  width: 960px; position: relative; margin: 0 auto; padding: 20px 20px; background: url(login_img.jpg) right bottom no-repeat #fff; }
.reg_login{ position: absolute; right: 20px; top: 30%; z-index: 3;}
.reg_back{ width: 800px; background: #fff; margin: 0 auto;}
.reg_back h2{ line-height: 80px; color: #333; text-align: center; font-weight: normal; font-size: 20px; border-bottom: 1px solid #ddd;}
.reg_back_t{ width: 80%; margin: 0 auto; position: relative; height: 60px;;}
.reg_back_t ul li{ width: 33%; float: left; text-align: center;}
.reg_back_t span{ display: block; font-size: 16px; line-height: 30px; color: #999;}
.reg_back_t b{ position: relative; z-index: 2; border-radius: 50%; width: 12px; height: 12px; margin: 0 auto; display: block; background: #c1c1c1;}
.reg_back_t .active span{ color: #7bb05a}
.reg_back_t .active b{ background: #7bb05a;}
.reg_back_t .reg_line{width: 65%;height: 1px;background: #c1c1c1;position: absolute;left: 112px;top: 36px; z-index: 1;}
.reg_back_input{ width: 420px; margin: 0 auto;}
.reg_back_input ul li{ margin-bottom: 22px; width: 100%;}
.reg_back_input strong{ width:92px; padding-right: 10px; line-height: 36px; text-align: right; float: left; display: block; font-weight: normal; font-size: 16px; color: #999; } 
.reg_back_input p{  text-align: center;}
.reg_back_input p a{ padding-left: 50px;font-size: 18px;}
.reg_back_input input{line-height: 34px;width: 260px;height: 34px;padding: 0 0 0 10px;border-radius: 4px;outline: none;border: 1px solid #ddd;float: left;}
.reg_back_input .yzm input{width: 148px;}
.reg_back_input .yzm a{float: left;color: #999;display: inline-block;line-height: 35px;text-align: center;border: 1px solid #ddd;border-radius: 4px;margin-left: 10px;width: 100px;}
.reg_back_input .yzm a.active{background: #f1f1f1; }
.reg_back_input .sub input{ width: 272px; padding: 0; cursor: pointer; background: #ff8400; color: #fff; line-height: 40px; height: 40px; border: none; font-size: 20px;}
.reg_back_succ{ width: 260px; margin: 0 auto;}
.reg_back_succ h2{border: none;color: #7bb05a;font-weight: normal;font-size: 22px;background: url(icon_gou2.png) left 0px no-repeat;padding: 0 0 0 54px;line-height: 26px;}
.reg_back_succ h2 span{ color: #666; font-size: 16px;;}
.reg_back_succ a{ width: 100%; display: block; text-align: center; line-height: 40px; color: #fff; font-size: 18px; background: #ff8400; }
.reg_back_succ a:hover{background: #db7100;}

/*红娘团队*/
.ban_sec{ width: 100%; background: center center no-repeat;}
.ban_hongniang{ height: 300px; background-image: url(ban_hongniang.jpg);}
.ban_tongcheng{ height: 270px; background-image: url(ban_tongcheng.jpg);}
.ban_huodong{ height: 300px; background-image: url(ban_huodong.jpg);}
.ban_huiyuan{ height: 300px; background-image: url(ban_huiyuan.jpg);}
.ban_huiyuan_2{ height: 100px; background-image: url(ban_huiyuan_2.jpg);}
.hongniang{ width: 100%; height: 500px;} 
.hongniang ul li{ width: 290px; float: left; margin: 0 10px 0 0; position: relative;}
.hongniang .list_img{ transition: all .5s ease;  }
.hn_words{ background: #fff; }
.hn_words h2{line-height: 46px;font-size: 20px;color: #333;padding: 0 0 0 10px;display: inline-block;}
.hn_words span{font-size: 16px;color: #999; padding: 0 0 0 16px; } 
.hongniang ul li:hover .list_img{ padding-top:8px;}

.per_top_t{ width: 100%; border-bottom: 1px solid #ddd; position: relative;}
.per_top_t h2{ display: inline-block; padding: 0 10px; font-size: 28px; line-height:50px; font-weight: normal; border-bottom: 2px solid #ff8400 ; color: #333;}
.per_top_t  a{ position: absolute; right: 0; top: 10px; border-radius: 20px; padding:  4px 20px; background: #ff8400; color: #fff; font-size: 14px;  display: inline-block;}
.per_top_t  a:hover{ background: #de7300;}
.per_nav_left{ width: 150px; float: left;}
.per_nav_left ul li{ width: 100%; border-bottom: 1px solid #ddd; height: 49px;}
.per_nav_left a{   height: 40px; color: #999; padding: 5px 0 4px 20px;  display: block;}
.per_nav_left a:hover{ color: #ff8400;}
.per_nav_left b{ width: 30px; height: 40px; float: left; display: inline-block; background: url(icon_per.png) no-repeat; }
.per_nav_left span{    font-size: 16px; float: left;line-height: 40px; display: inline-block;}
.per_nav_left .active a{ color: #fff; background: #ff8400;}
.per_nav_left .b1{ background-position: 0px 8px;}
.per_nav_left .b2 { background-position: 0px -36px;}
.per_nav_left .b3 {background-position: -2px -81px;}
.per_nav_left .b4 {background-position: -3px -132px;}
.per_nav_left .b5 {background-position: -3px -182px;}
.per_nav_left .b6 {background-position: -2px -236px;}
.per_nav_left .b7 {background-position: -3px -287px;}
.per_nav_left .b8 {background-position: -2px -338px;}
.per_nav_left .b9 {background-position: -3px -389px;}
.per_nav_left .b10 {background-position: -2px -440px;}
.per_nav_left .b11 {background-position: -2px -492px;} 
.per_nav_left .b7_2 {background-position: -3px -537px;}
.per_nav_left .b8_2 {background-position: -6px -629px;}
.per_nav_left .b9_2 {background-position: -4px -584px;}
.per_nav_left .active .b1{ background-position: -50px 8px;}
.per_nav_left .active .b2 { background-position: -48px -36px;}
.per_nav_left .active .b3 {background-position: -50px -81px;}
.per_nav_left .active .b4 {background-position: -52px -132px;}
.per_nav_left .active .b5 {background-position: -51px -182px;}
.per_nav_left .active .b6 {background-position: -50px -236px;}
.per_nav_left .active .b7 {background-position: -50px -287px;}
.per_nav_left .active .b8 {background-position: -50px -338px;}
.per_nav_left .active .b9 {background-position: -50px -389px;}
.per_nav_left .active .b10 {background-position: -50px -440px;}
.per_nav_left .active .b11 {background-position: -50px -492px;}
.per_nav_left .active .b7_2 {background-position: -50px -537px;}
.per_nav_left .active .b8_2 {background-position: -52px -629px;}
.per_nav_left .active .b9_2 {background-position: -51px -584px;}
 


.per_r_t{ width: 100%;; }
.per_r_t h2{line-height: 40px;font-weight: normal;padding: 0 0 0 44px;background: url(icon_per.png) -86px 10px no-repeat   #f1f1f1;font-size: 18px;}
.per_r_t h2.b2{background-position:-86px -36px}
.per_r_t h2.b3 {background-position: -86px -81px;}
.per_r_t h2.b4 {background-position: -86px -132px;}
.per_r_t h2.b5 {background-position: -86px -182px;}
.per_r_t h2.b6 {background-position: -86px -236px;}
.per_r_t h2.b7 {background-position: -86px -287px;}
.per_r_t h2.b8 {background-position: -86px -338px;}
.per_r_t h2.b9 {background-position: -86px -389px;}
.per_r_t h2.b10 {background-position: -86px -440px;}
.per_r_t h2.b11 {background-position: -86px -492px;} 
.per_r_t h2.b7_2 {background-position: -86px -537px;}
.per_r_t h2.b8_2 {background-position: -86px -629px;}
.per_r_t h2.b9_2 {background-position: -86px -584px;}
.per_info { width: 100%; position: relative; }
.per_info .list_img{ width: 120px; height: 120px; float:left ; }
.per_info_words{ width: 685px; position: relative; float: left; padding: 0 0 0 16px; }
.per_info_words > div{width: 100%; display: flex; align-items: center; justify-content: flex-start;}
.per_info_words .per_chat{ padding: 20px 0 0;}
.per_name .uname{ font-size: 26px; line-height: 40px; color: #f44;}
.per_name img{ padding: 0 0 0 6px;}
.per_name .uid{ background: #ff8400; margin-left: 8px; color: #fff; font-size: 12px; color: #fff; display: inline-block; padding: 0 14px; border-radius: 20px;}
.per_qianming{  padding: 20px  0 20px 0 ; }
.per_qianming p{ font-size: 14px; color: #666; height: 24px; overflow: hidden; display: block;}
.per_xinxi span{color: #888;padding: 0 20px 0 28px;background: url(icon_per_2.png) no-repeat;font-size: 16px;line-height: 30px;}
.per_xinxi b{ font-weight: normal;}
.per_xinxi a{background: #ff8400;color: #fff;border-radius: 14px;padding: 0 8px;display: inline-block;line-height: 20px;margin-right: 15px;}
.per_xinxi a:hover{ background: #f44;}
.per_xinxi .s1{background-position: 2px -78px;padding-right: 10px;}
.per_xinxi .s2{background-position: 2px -117px;}
.per_xinxi .s3{background-position: 5px -156px;}
.per_xinxi .s4{background-position: 2px -193px;}
.per_info_t{width: 100%;border-bottom: 1px solid #ddd;position: relative;}
.per_info_t h2{ display: inline-block; color: #333; line-height: 40px; font-size:20px;}
.per_info_t p{font-size: 14px; color: #ff8400; padding:  0 10px; display: inline-block; }
.per_info_t a{border: 1px solid #ccc;color: #999;border-radius: 20px;padding: 0 10px;line-height: 18px;right: 0;top: 10px;position: absolute;}
.per_info_t a:hover{ background: #ff8400; border-color: #ff8400; color: #fff;}
.per_info_t .xufei{ border-color: #ff8400;color: #ff8400;}
.per_info_zl{ width: 100%; padding: 5px 0;}
.per_info_zl p{ display: inline-block; font-size: 16px; width: 25%; float: left; line-height: 34px; color: #666;}
.per_info_zl p.full{ width: 100%;}
.per_info_zh{ width: 100%;}
.per_info_zh ul li{float: left;width: 50%;padding: 13px 0 0 0;}
.per_info_zh ul li a{ border: 1px solid #999; margin: 15px 0 0 6px; color: #999; border-radius: 20px; padding: 0 10px; line-height: 20px; display: inline-block;}
.per_info_zh ul li a:hover{ background: #ff8400; border-color: #ff8400; color: #fff;}

.per_last{padding: 5px   10px 10px 0;position: absolute;left: 0;bottom: 0;justify-content: space-between !important;}
.per_last p{color: #999;font-size: 14px;}
.per_last > a{color: #999;font-size: 14px;background: url(icon_jubao.png) left center no-repeat;padding-left: 22px;}
.per_last > a:hover{ color: #000;}


.zhanghao_t{height: 60px;background: url(icon_per_2.png) 0px -242px no-repeat;padding: 0 0 0 50px;float: left;}
.zhanghao_t h2{font-weight: normal;font-size: 18px;color: #333;padding: 8px 0 0 0;line-height: 22px;}
.zhanghao_t p{ font-size: 14px; color: #999;}
.zhanghao_t2{ background-position: 0px -312px;}
.xiugai_p p{color: #999; font-size: 18px; line-height: 30px;}
.xiugai_p p.p0{ color: #ff8400; font-size: 14px;;}
.xiugai_bm{ width: auto;}
.xiugai_bm ul li{ margin-bottom: 20px;;}
.xiugai_bm strong{ font-weight: normal; text-align: right; font-size: 16px; width: 100px; display: block; float: left; color: #999; line-height: 40px; }
.xiugai_bm input{ border: 1px solid #ddd; line-height: 38px; height: 38px; padding: 0 0 0 10px;}
.xiugai_bm .yzm input{ width: 100px;}
.xiugai_bm .yzm a{ background: #56a3d9; padding: 0 20px; color: #fff; font-size: 14px; line-height: 40px; margin-left: 10px; display: inline-block;}
.xiugai_bm .yzm a.active{ background: #ddd; color: #999;}
.xiugai_bm .sub input{ color: #fff; font-size: 16px; cursor: pointer; background: #ff8400; border-color: #ff8400;  width: 120px; padding: 0;}
.xiugai_bm .sub input:hover{ background: #f44;}
.xiugai_bm .li_p{ }
.xiugai_bm .li_p a{ color: #56a3d9; font-size: 16px;}
.xiugai_bm .li_p a:hover{ text-decoration: underline;}
.per_xinxi_2{ padding: 12px 0 0; display:block !important}
.per_xinxi_2 p{ font-size: 14px; color: #999; display: block;}
.per_xinxi_right{ position: absolute; width: auto !important; right: 0px; top: 70px; display: block !important}
.per_xinxi_right p,.per_xinxi_hua p{ font-size: 16px; color: #666;}
.per_xinxi_hua { position: absolute; width: auto !important; right: 10px; top: 30px; display: block !important} 
.per_xinxi_hua p span{color: #d00; padding: 0 4px;}
.per_list_xianhua{ width: 100%; }
.per_list_xianhua ul li{ border-bottom: 1px solid #e6e6e6; padding: 14px 0; height: 100px;}
.per_list_xianhua .list_img{ width: 100px; height: 100px;}
.gz_btn{  padding: 0px;}
.gz_btn span{background: #f44;display: inline-block;border-radius: 13px;line-height: 26px;width: 80px;text-align: center;color: #fff;font-size: 15px;}
.gz_btn span.s1{ display: none;}
.gz_btn span.s2{background: url(icon_gz.png) 3px -2px no-repeat;border: 1px solid #f44;color: #f44;padding-left: 20px;width: 60px;background-size: 30px auto;}
.gz_btn .active .s1{ display: inline-block;}
.gz_btn .active .s2{ display: none ;}


.qx_t{ background: #faeeee; padding: 10px 10px;}
.qx_t h2{ font-size: 18px; font-weight: normal; color: #ff8585; line-height: 32px;}
.qx_t h2 span{ width: 24px; display: block; height: 32px; float: right; background: url(icon_up.png) center 5px no-repeat; transition: all .5s ease; cursor: pointer;}
.qx_t h2.active span{ background-position:  center -28px }
.qx_t p{ font-size: 12px; line-height: 30px; color: #666; }
.qx_title,.per_tan_t{ width: 100%; padding: 10px 0; border-bottom: 1px solid #eee;}
.qx_title a,.per_tan_t ul li{ line-height: 40px; border-bottom: 2px solid #fff; display: inline-block; padding: 0 20px; font-size: 18px; color: #333;}
.qx_title a.active, .per_tan_t ul li.active{ border-color: #ff8400; color: #ff8400;}

.qx_list{ width: 100%;}
.qx_list ul li{ border-bottom: 1px solid #f1f1f1; padding: 15px 0;}
.qx_list .list_img{ width: 100px; height: 100px; border-radius: 4px; float: left; }
.qx_words{ width: 570px; min-height: 110px; float: right; padding:  0 14px 0 0;}
.qx_words h2{ line-height: 30px; font-weight: normal; font-size: 16px; color: #f44;}
.qx_words h2 span{ float: right; color: #999; font-size: 14px;}
.qx_sta > div{ padding-top: 8px; line-height: 26px;}
.qx_succ { display: flex; align-items: center; justify-content: space-between;}
.qx_succ span{ color: #f44; font-size: 14px; ;}
.qx_succ b{ background: #f44; color: #fff; padding: 0 10px; display: inline-block; font-weight: normal;}
.qx_now b{ background: #ff8400;}
.qx_now a{ background: #e1e1e1; color: #999; padding: 0 10px; display: inline-block;margin-left: 10px;}
.qx_now a:hover{ background: #999; color: #fff;}
.qx_fail b{ background: #19b321;}
.qx_fankui span{ float: left; font-size: 14px; color: #999; display: inline-block;}
.qx_fankui .s0{ cursor: pointer; float: right; background: url(icon_up.png) right -31px no-repeat; transition: all .5s ease; padding: 0 28px 0 0;}
.qx_fankui .s0.active{ background-position: right 3px;}
.qx_fankui p{display:none; width: 100%;float: left;text-align: right;color: #666;line-height: 28px;}
.qx_lianxi{ width: 100%; height: 40px; float: left;}
.qx_lianxi p{color: #fff;background: #ff8400;padding: 8px 0 8px 20px;line-height: 24px;}
.qx_lianxi p span{display: inline-block;background: url(icon_lianxi.png) 26px -3px no-repeat;padding: 0 30px 0 64px;border-right: 1px solid #fff;}
.qx_lianxi p .s2{background-position: 26px -49px;}
.qx_lianxi p .s3{background-position: 26px -93px;border: none;}


.per_renzheng{width: 100%}
.per_renzheng ul li{border-bottom: 1px solid #ddd;}
.per_rz_t{display: flex;justify-content: space-between;align-items: center;padding: 0 12px;height: 55px;}
.per_rz_t img{width: 24px;}
.per_rz_t .rz_left span{ color: #333; font-size: 16px; padding: 0 0 0 10px;}
.per_rz_t .rz_rihgt span{ color: #f44; font-size: 14px;;}
.per_rz_t .rz_rihgt span.no{ color: #999;}
.per_rz_t .rz_rihgt i{ font-size: 20px; display: inline-block; width: 32px; height: 20px;  background: url(icon_up.png) right -34px no-repeat; float: right;}
.per_renzheng .active .rz_rihgt i{ background-position: right 1px}
.per_rz_cont{ padding: 0 10px 10px 10px; display: none; }
.per_renzheng .active{ background: #f7f7f7;}
.renzheng{ width: 100%;}
.renzheng h2{ font-size: 16px; line-height:36px; font-weight: normal; color: #999;}
.renzheng p{ color: #999; font-size: 14px; padding:6px 0;}
.rz_box{ width: 100%; display: flex; align-items: center; justify-content: flex-start;}
.rz_box img{ max-width: 100%;} 
.upload_img{ margin-left: 30px;  text-align: center; background:url(a11.png) center center no-repeat #fafafa; width: 220px; height: 220px; overflow: hidden; position: relative; display:flex; align-items: center;  }
.upload_img input{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; z-index: 2;}
.upload_img span{ z-index: 3;  display: none;  position: absolute; right: 0; bottom: 0; font-size: 12px; line-height: 22px; background: rgba(0,0,0,.3); color: #fff; width: 100%;} 
.upload_img label{ width: 100%; height: 100%; }
.upload_img img{  max-width: 100%;}
.rz_yangli{ width: 220px;}
.preview{ display: flex; align-items: center;}
.yangli_img{ width: 100%; transition: all 1s ease;  }
.yangli_img img{ width: 100%; height: 100%;}
.yangli_fix{  position: fixed; display:flex; align-items: center; justify-content: center; left: 0; top:0; z-index: 88; background: rgba(0,0,0,.8); text-align: center; width: 100%; height: 100%;} 
.yangli_fix img{ max-width: 100%; width: auto; height: auto;}
.per_rz_btn{ position: relative;  height: 220px;}
.per_rz_btn input{outline: none; cursor: pointer; border: none;background: #f44;color: #fff;font-size: 16px;border-radius:8px;line-height: 28px;position: absolute;left: 30px;bottom: 0px;width: 112px;}
.per_rz_btn input:hover{ background: #e30000;}

/*上传图片插件的样式*/
.img-box{  margin-top: 8px; width: 730px;   }
.img-box .up-p{	margin-bottom: 20px; font-size: 16px; color: #555;}
.z_photo{}
.z_photo .z_file{	position: relative;}
.z_file  .file{width: 100%;height: 100%;opacity: 0;position: absolute;top: 0px;left: 0px;z-index: 100;padding: 0;}
.z_photo .up-section{position: relative;margin-right: 16px;margin-bottom: 16px;}
.up-section .close-upimg{	position: absolute; top: 6px; right: 8px; display: none; z-index: 10;}
.up-section .up-span{	display: block; width: 100%; height: 100%; visibility: hidden; position: absolute; top: 0px; left: 0px; z-index: 9; background: rgba(0,0,0,.3); padding: 0 !important; }
.up-section:hover .close-upimg{	display: block;}
.up-section:hover .up-span{	visibility: visible;}
.z_photo .up-img{	display: block; width: 100%; height: 100%; cursor: pointer;}
.loading{ background: #f5f5f5 url(loading.gif) no-repeat center center;}
.up-opcity{	opacity: 0;}
.img-name-p{	display: none;}
.upimg-div .up-section {width: 160px;height: 160px;}
.img-box .upimg-div .z_file {width: 160px;height: 160px;  margin-bottom: 16px;}
.z_file .add-img {display: block;width: 100%;height: 100%;}
/*遮罩层样式*/
.mask{	z-index: 1000; display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; }
.mask .mask-content{ width: 500px;  position: absolute;  top: 40%;  left: 50%;  margin-left: -250px;  margin-top: -80px;  background: white;  height: 160px;  text-align: center; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc;}
.mask .mask-content .del-p{	color: #555; height: 94px; line-height: 94px; font-size: 18px; border-bottom: 1px solid #D1D1D1;}
.mask-content .check-p{ cursor: pointer;	height: 66px; line-height: 66px; position: absolute; bottom: 0px; left: 0px; width: 100%;}
.mask-content .check-p span{	width: 49%; display:inline-block; text-align: center; color:#d4361d ; font-size: 18px;}
.check-p .del-com{	border-right: 1px solid #D1D1D1;}

.xc_height{ width: 100%; clear: both; height: auto;}
.xieyi{ width: 1200px; margin: 0 auto;}
.xieyi h2{ font-size: 18px ; line-height: 50px; margin-bottom: 20px; border-bottom: 1px solid #ddd; text-align: center;}
.xieyi p{ line-height: 30px; color: #555; font-size: 16px}
.per_zeou .list_img{ width: 80px; height: 80px; border-radius: 50%;}
.per_zeou .per_qianming{ padding: 6px 0 0;}
.huangguan h2{ font-size: 24px; line-height: 40px;}
.hg_cont{ width: 100%;}  
.hg_cont a{ position: relative; padding: 10px   0 ; width: 200px; margin: 0 10px; float: left;  text-align: center;  border-radius: 10px;   border: 1px solid #ddd; display: block;}
.hg_cont p{ font-size: 18px; color:#333 ; line-height: 30px;}
.hg_cont p span{ font-size: 24px;}
.hg_cont p.p0{ font-size: 14px;}
.hg_cont a.active{ background: #f44; border-color: #f44;}
.hg_cont a.active p{color: #fff;}
.hg_cont b{ position: absolute; left: 5px; top: -10px; border-radius: 5px; padding: 0 8px; line-height: 20px; display: inline-block; color: #fff; background: #f5a7ab; font-size: 12px}
.hg_pay{ width: 100%; padding: 10px 0 0;}
.hg_pay p{ font-size: 18px;  line-height: 40px; }
.hg_pay p span{ font-size: 24px; color: #ff8400;}
.hg_pay input{ background: #f44; cursor: pointer; display: inline-block; color: #fff; padding: 0 30px; line-height: 30px; border-radius:4px; font-size: 18px; border: none; outline: none; margin-top: 10px;}
.hg_pay input:hover{ background: #ff8400;}
.per_ziliao_top{}
.per_ziliao_top .per_big_img{ float: left;}
.per_ziliao_top .per_info_words{ position: relative; float: right; width: 670px; padding: 0; height: 300px;}
.per_info_words .gz_btn{ position: absolute; right: 0; top: 10px ; width: 90px;}
.per_img_small{   padding: 10px 0;}
.per_img_small .swiper-slide{ width:130px; overflow: hidden; height: 130px; display: flex; align-items: center; }
.per_img_small .swiper-slide a{ display: block;width: 100%;}
.per_img_small .swiper-slide img{ max-width: 100%;}
.per_tuijian_t{ width: 100%;}
.per_tuijian_t h2{font-size: 18px; color: #333;}
.per_tuijian_t a{ float: right; font-weight: normal;  color: #ff8400; font-size: 14px;}
.per_tuijian{ width: 100%; padding: 10px 0; height: 190px;} 
.per_tuijian ul li{  transition: all .5s ease;width: 180px; height: 180px; display: inline;  margin: 0 25px 0 0; float: left; position: relative;}
.per_tuijian .list_img{ height: 180px;}
.per_tuijian ul li:nth-last-child(1){ margin: 0;}
.per_tuijian ul li:hover{ padding: 10px 0 0; box-shadow: 0 2px 4px #ccc;}
.per_tuijian p{ background: rgba(0,0,0,.4); position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; text-align: center;}

 
.center{ width:800px; margin: auto; } 
.flex-wrap{ display: flex;  justify-content: center;  align-items: center; flex-wrap: wrap; } 
.flex{ display: flex;  justify-content: center;  align-items: center; } 
.width100{  width: 100%; } 
.marginB20{  margin-bottom: 20px; } 
.borderR4{ -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px; } 
.boxShadow { position: fixed; width: 100%; height:auto; padding:5% 0  0; top: 0; right: 0; left: 0; bottom: 0; z-index: 99999;}
.boxShadow .center .boxShadow-tailoring {  background: #fff; border-radius: 10px; padding: 20px; justify-content: space-between; box-shadow: 0 1px 2px #333; }
.boxShadow-tailoring-title {  justify-content: space-between; border-bottom: 1px solid;   color: #333; padding-bottom: 20px; }
.boxShadow-tailoring-title i{ font-size: 30px; line-height: 30px;  width: 30px; display: block; text-align: center; cursor: pointer;}
.boxShadow-tailoring-img {  width: 70%; height: 300px; background: #f5f5f5; } 
.boxShadow-tailoring-img .cropper-canvas, .cropper-wrap-box{  background: linear-gradient(to right, #ff9569 0%, #e92758 100%); }
.boxShadow-tailoring-right {  width: 30%; height: 300px; padding: 0; align-items: baseline; position: relative; }
.boxShadow-tailoring-right .img-preview {  border-radius: 50%; width: 100px; height: 100px; overflow: hidden; margin: 0 auto; }
.boxShadow-tailoring-right .img-preview img{    border-radius: 50%; }
.boxShadow-tailoring-right .boxShadow-tailoring-right-bottom{ margin-top: 20px; width: 100%; }
.boxShadow-tailoring-right .btn-danger{   border:none; display: block; height: 42px; line-height: 42px; border-radius: 6px; color: #ffffff; background: linear-gradient(to right, #ea4e4e, #d93131); cursor: pointer; text-align: center; width: 80%; margin: 0 auto; } 
.boxShadow-tailoring-right .btn-danger:hover{  background: linear-gradient(to right, #ea5b5c, #db4344); } 
.boxShadow-tailoring-right .btn-danger input[type=file]{  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; display: block; }
.boxShadow-tailoring-right .btn-primary{  outline: none; border: none; display: block; height: 42px; line-height: 42px; border-radius: 6px; font-size: 18px; color: #fff;  background: #07c160; cursor: pointer; text-align: center; width: 80%; margin: 10px auto 0 auto; }
.boxShadow-tailoring-right .btn-primary:hover{ background:#02b156; }
#result{ width: 100px; height: 100px; border-radius: 50%; } 
.imgDiv{  position: relative; } 
.imgUpload{  width: 100px; height: 100px; border-radius: 50%; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; color: #ffffff; display: none; } 
.imgDiv:hover .imgUpload{ display: flex; }

@media only screen and (min-width: 320px) and (max-width: 750px) {
	.boxShadow .center .boxShadow-tailoring .boxShadow-tailoring-img{ width: 100%; height: 200px;}
	.boxShadow .center .boxShadow-tailoring .boxShadow-tailoring-right{ width: 100%; height: auto;}
	.boxShadow .center .boxShadow-tailoring .boxShadow-tailoring-right .yulan{ display: none;}
}
























.cen_logo{ padding:20px 0 14px 0;}
.cen_input{ width: 88%; margin: 0 auto;}
.cen_input ul li{ margin-bottom: 14px;}
.cen_input input{ width: 95%; padding: 0 0 0 4%; border: 1px solid #ccc; height: 32px; line-height: 32px;}
.cen_input .zx{ display: flex; align-items: center; justify-content: space-between;}
.cen_input .zx .a1{ color: #206eb6;}
.cen_input .zx .a2{ color: #ff8400;}
.cen_input .zx a:hover{ text-decoration: underline;}
.cen_input .sub input{ outline: none; border-radius: 30px; border: none; cursor: pointer; width: 100%; padding: 0;color: #fff; line-height: 40px; height: 40px; font-size: 18px; background: #ff8400; }
.cen_input .sub input:hover{ background: #ce6e06;}


.per_nav{ width: 100%; background: #f8f8f8; height: 70px;}
.per_nav_fix{ position: fixed; left: 0; top: 0; z-index: 999;}
.nav{ width: 980px; float: left;}
.nav ul li{ float: left;}
.nav a{ line-height: 70px; display: inline-block; padding: 0 30px; font-size: 18px; color: #333;}
.nav a:hover,.nav .active a{ background: #ff4444; color: #fff;}
.nav_logo{ float: right; padding: 15px 0 0 0; height: 70px; position: relative;}
.nav_logo .logo{ width: 40px; height: 40px; display: block;}
.nav_logo .logo img{ width: 100%;  border-radius: 50%; }


.per_box{ width: 100%;  height: auto; background: #fff;}
.per_site{ width: 100%; height: 30px; padding: 4px 0 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px;}
.per_site p{ color: #999; line-height: 30px; background: url(icon_site.png) 0px 5px no-repeat; padding: 0 0 0 20px;}
.per_site p a{ color: #999;}
.per_site p span,.per_site p a:hover{ color: #ff4444;}
.per_left_img{ width: 300px; float: left;}
.per_big_img{ width: 300px; height: 300px;}
.per_left_img img,.per_big_img img{ max-width: 100%;}
.per_left_img .per_s_img{ width: 460px;left: 320px; top: 218px; margin-top: 10px !important; position: absolute;  }
.per_s_img .swiper-slide img{ width: 98%; border: 1px solid #fff; cursor: pointer;}
.per_s_img .swiper-slide-thumb-active img{border-color: #ff4444;} 
.per_words{ float: left; width: 580px; height: 300px; position: relative; padding: 0 0 0 20px;} 
.per_title{width: 100%;position: relative;height: 42px;}
.per_title h2{display: inline-block;float: left;font-size:28px;font-weight: normal;line-height: 40px;}
.per_title .hl_btn{ padding: 10px 0 0 10px;  float: left;}
.per_title .hl_btn span{ border-radius: 10px; ;line-height: 24px;}
.per_title .hl_btn .s2{ background: url(icon_xin4.png) 10px 0px no-repeat #f44; color: #fff; border: none;}
.per_title .cp_rz{width: auto;text-align: left;float: left;padding: 7px 0 0 10px;}
.per_t_right{ float: right; }
.per_t_right p{font-size: 15px;color: #333;padding: 10px 0 0;}
.per_t_right p span{ color: #ff4444;}
.per_zl{ width: 100%;  } 
.per_zl p{ display: block; font-size: 14px; color: #666; line-height: 26px;}
.zl_info{ width: 100%; padding: 3px 0;}
.zl_info span{ color: #fff; font-size: 14px; border-radius: 5px; padding: 0 10px; line-height: 22px; display: inline-block; margin-right: 5px;}
.zl_info b{ font-weight: normal;}
.zl_info .nv{ background: #eb78ab url(icon_nv.png) 7px center no-repeat; padding-left: 20px; }
.zl_info .nan{ background: #207de6  url(icon_nan.png) 7px center no-repeat;  padding-left: 20px;;}
.zl_info .shengao{ background: #8578eb;}
.zl_info .xueli{ background: #3fbcb8;}
.zl_info .yuexin{ background: #ef8a12;} 
.per_zl2{ width: 100%; padding: 20px 0 0; position: relative;}
.per_zl2 p{display: inline-block; width: 40%; line-height: 50px; font-size: 18px}
.per_zl2 p.p0{ color: #999; width: 100%;}
.per_chat{padding: 10px 0 0 0; position: relative;}
.per_chat ul li{width: 100px;float: left;margin: 0 10px 0 0;border: 1px solid #f78217;border-radius: 8px;text-align: center;}
.per_chat ul li a{display: flex;align-items: center;justify-content: center;line-height: 30px;}
.per_chat ul li img{width: 26px;} 
.per_chat > a{ position: absolute; color: #999; right: 10px; top: 14px; background: url(icon_jubao.png) left center no-repeat; padding-left: 22px;}
.per_chat > a:hover{ color: #000;}
.per_chat .s2{font-size: 14px;}
.per_chat .li02{ border-color: #ff4444;}
.per_chat .li02 span{color: #ff4444;}
.per_chat .li03{ border-color: #71c2f0;}
.per_chat .li03 span{color: #71c2f0;}
.per_chat .li04{ border-color: #fa6c83;}
.per_chat .li04 span{color: #fa6c83;}
.per_chat .li05{ border-color: #ff0000;}
.per_chat .li05 span{color: #ff0000;}
.per_chat .gz_yes{ display: none;}
.per_chat .li01 .active .gz_no{ display: none;}
.per_chat .li01 .active .gz_yes{ display: inline-block;}
.per_time{ position: absolute; left: 20px; bottom: 0; ;}
.per_time p{ font-size: 12px; color: #999; display: inline-block; padding: 0 5px 0 0 ;}
.per_time p.rq{ color: #333;}
.per_time p.rq span{ color: #f44;}
.buy_hy{ width: 288px; float: right; border: 1px solid #eee; }
.buy_cont{ width: 80%; margin: 0 auto; margin-top: 10px; text-align: center; border: 1px solid #ccc; padding: 10px 14px; border-radius: 10px;;}
.buy_cont h2{ color: #f44; font-size: 16px; font-weight: normal; line-height: 30px;;}
.buy_a{ width: 100%; padding: 6px 0;}
.buy_a a{ color: #666; width: 100%; position: relative; line-height:28px;; background: url(icon_act_no.png) 99% center no-repeat; display: block; }
.buy_a a span{ position: absolute; left: 0; top: 2px;;}
.buy_a a.active{ background-image: url(icon_act.png);}
.buy_a b{ color: #f44; font-size: 16px;}
.buy_btn{ width: 100%; text-align: center; padding: 10px 0;}
.buy_btn input{ background: #f44; color: #fff; font-size: 16px; border-radius: 20px; line-height: 36px; width:60%; border: none; outline: none; cursor: pointer}
.buy_btn input:hover{ background: #d60808;}
 
.per_zl_left{ width: 900px; float: left;}
.per_zl_right{ width: 290px; float: right;}
.per_bg_fff{ width:auto; margin-bottom: 24px; padding: 18px 12px; background: #fff; border: 1px solid #eee; border-radius:14px;}
.per_t2{ width: 100%; display: flex ; align-items: center; justify-content: flex-start;}
.per_t2 span{ color: #333; font-size: 20px; padding: 0 0 0 10px; border-left: 2px solid #f44;}
.per_dubai{ width: auto;}
.per_dubai p{ color: #999; font-size: 14px;  padding:10px 10px;}
.per_jiben{ width: 100%; padding: 14px 0 0;}
.per_jiben span{ cursor: pointer; font-size: 14px; margin: 0 16px 16px 0; display: inline-block; line-height: 32px; padding: 0 20px; color: #999; background: #fff5f5; border-radius: 20px;}
.per_jiben span:hover{ background: #fcefef;} 
.per_jiben_2 span{ background: #ffeee5;}
.per_jiben_3 span{ background: #e5f6ff;}
.per_jiben_4 span{ background: #e9f8f2;}
 
 

.per_ziliao{ width: auto; border: 1px solid #f1f1f1;}
.per_ziliao .cp_img{width: 130px;float: left;position: relative;padding: 17px 0 17px 10px;}
.per_ziliao .cp_img span{left: 18px;top: 5px;}
.per_ziliao .cp_img img{ width: 100%;}
.per_ziliao .cp_img a{ width: 130px; height: 130px; display: block; position: relative; overflow: hidden; border-radius: 50%;}
.per_ziliao .cp_img b{background: rgba(0,0,0,0.5);color: #fff;font-weight: normal;line-height: 30px;text-align: center;display: block;width: 100%;position:absolute;left: 0;bottom: 0;}
.per_ziliao .cp_img a:hover b{ color: #ff4444;}
.cp_img_words{width: 740px;float: right;position: relative;}
.cp_img_words h2{font-weight: normal;line-height: 40px;font-size: 26px;padding: 23px 0 0; color: #333;}
.cp_img_words .cp_rz{ width: auto; text-align: left; padding: 3px 0;}
.cp_img_a{ width: 100%;}
.cp_img_a .p0 a,.cp_img_a .p0{ color: #ff4444;}
.cp_img_a .p0 a:hover{ text-decoration: underline;}
.cp_img_a .p1{ color: #999;;}
.cp_img_a .p1 span{color: #999; font-size: 12px; padding: 0 10px }
.cp_img_a .p1 span:nth-child(1){ padding-left: 0;}
.cp_img_zl{position: absolute;left: 255px;top: 20px;z-index: 1;}
.cp_img_zl a{width: 120px;display: block;float: left;padding: 4px 0;text-align: center;border-left: 1px solid #eee;}
.cp_img_zl a span{ display: block; color: #666; font-size: 16px;}
.cp_img_zl a .s0{color: #ff8888;font-size: 28px;line-height: 38px;}
.cp_img_zl a .s1{ color: #999; font-size: 13px;}
.cp_img_zl a:hover{background: #f8f8f8;}
.cp_img_zl a:hover .s0{ color: #ff4444;}

.s_side{ width:188px; float: left; border: 1px solid #f1f1f1;}
.s_side .s-firstNav {cursor: pointer; }
.s_side .s-firstItem i{font-size:20px}
.s_side .s-firstItem span{ display:inline-block;margin-left:10px;font-size:20px;text-shadow:0 0 5px #eee;white-space:10px}
.s_side .first{ border-bottom:1px solid #fff}
.s_side .d-firstNav span{display:block; padding: 0 0 0 16px; line-height: 50px; transition: all .5s ease; background: #f5f5f5 url(icon_jia.png) right 2px no-repeat; color: #999; font-size: 18px;}
.s_side .active span{ color: #fff; background-color: #f44; background-position: right -56px;}
.s_side .d-firstNav span a{ color: #999;} 
.s_side .active span a{ color: #fff; display: block;} 
.s_side .s-secondNav{ }
.s_side .d-firstDrop > li a{ display:block; padding: 0 0 0 20px; line-height: 48px; border-bottom: 1px solid #f1f1f1; color: #333; font-size: 16px; }
.s_side .d-firstDrop > li.active a,.s_side .d-firstDrop > li a:hover{ color: #f44; background: #f9f9f9;}
.s_side .d-firstDrop > li.hover a{color: #f44; background: #f9f9f9; }
.s-hide,.s-secondDrop{display:none}
.per_right{ width: 698px; min-height: 640px; float: right; border: 1px solid #f1f1f1; }
.nobor{border: none !important;}
.per_zl_title{ width: auto; padding: 10px 0 0 10px; height:60px;}
.per_zl_title ul li{ width: 120px; padding: 10px 0; float: left; text-align: center;}
.per_zl_title a{ font-size:18px; border-radius: 4px; padding: 0 10px; color: #999; line-height: 40px; display: inline-block; background: #f1f1f1;}
.per_zl_title .active a{ color: #fff;  background:#f44;}
.per_zl_title a:hover{ color: #fff;background: #fa7f72;}
.per_zl_box{  width: 100%;}
.per_zl_input{ width: 100%;}
.per_zl_input:after{ content: ''; clear: both; display: block;}
.per_zl_input ul li{float: left; position: relative; width: 33.3%;padding: 13px 0;display: flex;align-items: center;justify-content: flex-start;}
.per_zl_input ul li > span{  position: absolute; right: 0; top: 3px; width: 0px;}
.per_zl_input .swi,.per_zl_input .chang{ width:100%; align-items: flex-start;}
.per_zl_input .swi p{ font-size: 16px; color: #666; line-height: 40px; }
#CheckBoxList1 td  input{ cursor: pointer; display:inline-block; width: 60px; height: 30px; line-height: 30px;  opacity: 0;}
#CheckBoxList1 td { background: url(icon_switch.png) center -28px no-repeat; width: 60px; height: 30px;  }
#CheckBoxList1 label{  display: none; }
#CheckBoxList1 td.active{ background-position: center 2px; }
 
.per_zl_input .xingqu strong{   position: absolute; left: 0; top: 12px;}
.per_zl_input .xingqu .boxwrap{ float: right;  padding-left: 75px;}
.per_zl_input .xingqu .boxwrap a{height: 40px;line-height: 40px; padding: 0 5px 0 28px; border: none; color: #333; background: url(icon_check.png) -4px -28px no-repeat; }
.per_zl_input .xingqu .boxwrap a.selected{background-position: -4px 5px !important;   }

.per_zl_input strong{font-size: 15px;  font-weight: normal; line-height: 38px;color: #666;display: block;float: left;}
.per_zl_input ul li > p{ flex: 1;}
.per_zl_input input,.per_zl_input  select{ border-radius: 4px; width: 80%;height: 36px;line-height: 36px;padding-left: 2%;font-size: 15px;border: 1px solid #ddd; color: #666; cursor: pointer;}
.per_zl_input select{width: 83%;}
.per_zl_input .chang input{width: 90.6%;}
.per_zl_input .chang textarea{ border: 1px solid #ddd; padding: 5px 5px; min-height: 100px; width: 95%;}
.per_zl_input .tishi{ padding: 0px;}
.per_zl_input .tishi p{ color: #999; padding-left: 74px; }
.per_zl_input .textarea { width: 100%; align-items: flex-start;}
.per_zl_input .textarea textarea{ min-height: 100px; border: 1px solid #ddd; border-radius: 4px; padding: 10px; width: 89.3%;}
.per_zl_input .sel2 select{ width: 80px; }
.per_zl_input .sel2 span{ color: #c1c1c1; padding: 0 4px;}
.per_zl_input .per_city > div{ flex: 1; width: 70%;}
.per_zl_input .per_city select{ width: 140px; margin-right: 8px;}
.per_zl2_t{ width: 100%; background: #f1f1f1;}
.per_zl2_t h2{ line-height: 50px; color: #666; font-weight: normal; padding: 0 0 0 10px; font-size: 18px}
.per_zl_w44 ul li{ width: 44%;}
.per_zl_w44 .sel2 select{width: 113px;}
.per_zl_full ul li{ width: 100%; }
.per_zl_full ul li input{ width: 30%; }
.per_zl_full ul li a{ color: #266699; font-size: 14px; padding: 0 4px;}
.per_zl_full ul li a:hover{ color: #f44;}
.upload_tx{ align-items: flex-start !important;}
.upload_tx > div{  flex: 1;} 
.upload_tx > div img{ max-width: 100%;}   
.per_xiangce{ min-height: 940px;}
.per_xiangce .xc_radio{ align-items: flex-start;}
.per_xiangce .xc_radio input{ width: 20px; height: 20px;  }
.per_xiangce .xc_radio label{ line-height: 40px; cursor:pointer; font-size: 14px; color: #999; display: flex; align-items: center; justify-content: flex-start; }
.per_xiangce .xc_radio label span{ color: #666; font-size: 16px; padding-left: 10px;  }
.per_xiangce .xc_li{ align-items: flex-start;}
.per_zl_input .sub{flex-direction: column; width: auto;align-items: flex-start;}
.per_zl_input .sub p{color: #999;font-size: 16px;padding: 10px 0;display: flex;align-items: center;justify-content: flex-start;}
.per_zl_input .sub p a{ color: #266699;}
.per_zl_input .sub span{width: 30px;height: 24px; cursor: pointer; display: inline-block;background: url(icon_check.png) -4px -35px no-repeat;}
.per_zl_input .sub span.active{background-position: -4px -2px;}
.per_zl_input .sub input{background: #f44;width: auto;color: #fff;border-radius: 6px;font-size: 20px;padding: 0 53px;border: none;height: 50px;line-height: 50px;}
.per_zl_input .sub input:hover{ background: #e81010;}
.per_xc_img{ width:auto; padding: 0 0 0 112px;}
.per_xc_img ul li{ position: relative; display: inline; overflow: hidden; padding: 0; width: 160px; height: 160px; float: left;  margin: 0 20px 20px 0; }
.per_xc_img img{ max-width: 100%;}
.per_xc_img a{ position: absolute; left: 0; bottom: 0; color: #fff !important; background: rgba(0,0,0,.6); padding: 0 9px;}
.per_xc_img a:hover{ background: #f44;}
.per_r_title{ display: flex; align-items: center; justify-content: space-between; width: 100%; background: #fff; height: 44px;border-bottom: 1px solid #eee;}
.per_r_title p{padding-left: 38px;background: url(icon_xin.png) 3px 7px no-repeat;color: #f44;font-size: 18px;line-height: 44px;display: inline-block;}
.per_r_title a{color: #999;font-size: 12px;padding-right: 5px;display: flex;align-items: center;justify-content: space-between;}
.per_r_title a img{ width: 22px;}
.per_r_list{ width: 100%;}
.per_r_list ul li{ padding: 10px 8px; height: 82px; background: #fff; border-bottom: 1px solid #eee;}
.per_r_list ul li:after,.per_renzheng:after{content: " ";    display: table;    clear: both}
.per_r_list a{ display: block; width: 100%;}
.per_r_list .list_img{ width: 80px; height: 80px; border-radius: 50%; float: left;}
.per_r_list .per_r_words{ float: right; width: 180px;}
.per_r_words h2{ color: #f44; line-height: 30px; font-size: 20px; font-weight: normal;}
.per_r_words p { display: inline-block;}
.per_r_words p span{ background: #f1f1f1; color: #999; line-height: 22px; font-size: 12px; display: inline-block; margin-right: 5px; padding: 0 5px;}
.per_r_words p.p0{ overflow: hidden; height: 24px; font-size: 12px; line-height: 24px; color: #666; }
.per_r_words b{ display: none; font-weight: normal; border: 1px solid #f44; color: #f44; padding: 0px 10px; margin-top: 8px; }
.per_r_list ul li:hover{ background: #f8f8f8;}
.per_r_list ul li:hover p{ display: none;}
.per_r_list ul li:hover b{ display: inline-block;}
 
.label_choose{ flex: 1;}
.label_choose label{  cursor:pointer; background: url(icon_radio.png) 0px -86px no-repeat; font-size: 14px; color: #999; display: flex; align-items: flex-start; justify-content: flex-start; }
.label_choose label input{ width: 26px !important; height: 26px !important; opacity: 0;  }
.label_choose label.active{ background-position: 0px 2px;}
.label_choose span.s1{color: #f44;font-size: 14px; text-align: center; width: 70px;}
.label_choose span.s2{color:#999;font-size:12px;width:66%;}

.radio_xiangce .label_choose label{ line-height: 40px;  background-position: 0px -78px;}
.radio_xiangce .label_choose label.active{ background-position: 0px 11px;}
.radio_xiangce .label_choose span{   padding-left: 10px;  }

.kaiguan { width: 100% !important; }
.kaiguan .single-checkbox a{ width:70px}
.kaiguan .single-checkbox a.selected{  border: 1px solid #f44; background: #f44;  }
.kaiguan .single-checkbox a i{ height:24px; line-height:24px;} 
.kaiguan p{ color:#666; padding:0 0 0 10px} 

.fangshi-radio{ padding:6px 0 0}
.fangshi-radio p{color:#999; line-height:30px; padding: 0 0 0 20px;  cursor:pointer; background: url(icon_radio.png) 0px -45px no-repeat; font-size: 14px; color: #999; display: flex; align-items: flex-start; justify-content: flex-start; }
.fangshi-radio p.selected{ background-position: 0px 6px;}
.fangshi-radio a{color: #f44;font-size: 14px; text-decoration:none; text-align: center; width: 70px;}
 


/*婚恋管理*/
.per_hunlian{ width: 100%; padding:0 0 15px 0;}
.hl_t{ text-align: center; width: 100%;;}
.hl_t span{ font-size: 14px; padding: 6px 0; color: #666; display: block; border-bottom: 1px solid #f1f1f1;}
.hl_list{width: 100%;}
.hl_list ul li{ padding: 20px  20px; border-bottom: 1px solid #f1f1f1; ;}
.hl_list ul li:after,.qx_list ul li:after{content: " ";    display: table;    clear: both}
.hl_list ul li:hover{ background: #f9f9f9;}
.hl_list .list_img{ width: 100px; height: 100px; border-radius: 4px; float: left; }
.hl_words{ float: left; padding:  0 0 0 14px;}
.hl_words h2{ font-weight: normal; font-size: 16px; line-height: 30px;}
.hl_words h2 a{ color: #f44; }
.hl_words h2 a:hover{ text-decoration: underline;}
.hl_words p {display:block;padding: 6px 0;}
.hl_words p span{background: #f1f1f1;color: #999;line-height: 22px;font-size: 12px;margin-right: 5px;padding: 0 8px;display: inline-block;}
.hl_words p.p0{font-size: 12px;color: #999;}
.hl_words p.p0 span{ background:none; padding-right: 20px;}
.hl_btn{ float: right; padding: 36px 0 0;}
.hl_btn span{background: #f44;display: inline-block;border-radius: 4px;line-height: 32px;width: 80px;text-align: center;color: #fff;font-size: 14px;}
.hl_btn span.s1{ display: none;}
.hl_btn span.s2{background: url(icon_xin2.png) 8px 3px no-repeat;border: 1px solid #f44;color: #f44;padding-left: 20px;width: 60px; }
.hl_btn .active .s1{ display: inline-block;}
.hl_btn .active .s2{ display: none ;}


/*我参加的*/
.p10{ padding: 10px 10px;}
.p10:after{ content: ""; display: block; clear: both;}
.per_tc_t{ width: 100%;  border-bottom: 1px solid #ff4444; height: 40px;}
.per_tc_t ul li{ float: left;;}
.per_tc_t a{ padding: 0 20px; display: block; color: #999; line-height: 40px; font-size: 18px;}
.per_tc_t .active a{ color: #f44;  font-weight: bold; border-bottom: 2px solid #f44; line-height: 39px;}
.per_tc_t a:hover{ color: #f44;}
.per_tc_list{ width: 100%;}
.per_tc_list ul li{ width: 100%; padding: 20px 0; border-bottom: 1px solid #ddd;}
.per_tc_list ul li:after{ content: ""; display: block; clear: both;}
.per_tc_list .list_img{ width: 240px; height: 160px; float: left; position: relative; }
.per_tc_list .list_img span{ position: absolute; left: 0; top: 0; background: #1578ab; color: #fff; padding: 1px 14px; z-index: 2; }
.per_tc_list .list_img span.s0{ background: #f60b26; }
.per_tc_list .list_img span.s1{ background: #27a143; }
.per_tc_list .list_img span.s2{ background: #e1e1e1; color: #999;}
.per_tc_list .list_img span.s3{ background: #ffa800; }
.per_tc_list_words{ float: right; width: 570px;;}
.per_tc_list_words h2{ font-size: 18px; line-height: 30px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.per_tc_list_words h2 a:hover{ color: #ff8400;}
.per_tc_list_words p{ color: #999; line-height: 28px;}
.per_tc_list_words p.p0 span{ padding-right: 16px;}
.per_tc_btn{ padding: 8px 0 0; }
.per_tc_btn span{ padding: 0 10px;color: #fff; display: inline-block;border-radius: 4px;}
.per_tc_btn span.s0{ background: #ffa800; }
.per_tc_btn span.s1{ background: #27a143; }
.per_tc_btn span.s2{ background: #f60b26; }
.per_tc_btn span.s3{ background: #e1e1e1;  color: #999;}
.per_tc_btn a.a1{ background: #e5e5e5; color: #999; float: right; padding: 0 10px; border-radius: 6px;}
.per_tc_btn a.a1:hover{ background: #07c160; color: #fff;}
.per_tc_btn p{ float: left;}
.per_tc_btn p a{padding: 1px 12px 1px 30px;font-size: 15px;margin-right: 8px;display: inline-block;border-radius: 4px;color: #fff;background: 5px 3px no-repeat;}
.per_tc_btn p a.a2{ background-image: url(icon_per_shu.png); background-color: #ff8400; }
.per_tc_btn p a.a3{ background-image: url(icon_per_bi.png); background-color: #2fa35d; }
.nodata{ width: 100%;  background: url(none.gif) center center no-repeat; height: 420px;}
.per_tc_bm{ width: 100%; padding: 20px 0;}
.per_tc_bm ul li{ background: #fff; margin-bottom: 12px; border: 1px solid #e5e5e5;}
.per_tc_bm ul li:hover{ background-color: #fafafa;}
.tc_bm_01{ width: 100%; border-bottom: 1px solid #e5e5e5; height: 40px;}
.tc_bm_01 h2{ display: inline-block; float: left; font-weight: normal; line-height: 40px; font-size: 17px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 64%; }
.tc_bm_01 h2 a{ color: #f44;}
.tc_bm_01 h2 a:hover{ text-decoration: underline; }
.tc_bm_01 p{ float: right; padding-right: 5px; line-height: 40px; font-size: 14px; color: #999;}
.tc_bm_01 p input{ cursor: pointer;}
.tc_bm_01 p input.input1{ width: 20px; padding: 0 3px;}
.tc_bm_01 p input.sub{  border-radius: 4px; background: #22ad63; color: #fff; outline: none; border: none; line-height: 24px;height: 24px; padding: 0 8px;}
.tc_bm_01 p input.sub:hover{ background: #129851;}
.tc_bm_02{ width: auto; padding: 8px 10px;}
.tc_bm_02 h2{ display: inline-block; font-size: 18px; color: #333; font-weight: normal;}
.tc_bm_02 p{ color: #999; padding: 0 10px; font-size: 16px; display: inline-block; }
.tc_bm_02 span{ color: #fff; border-radius: 4px; padding: 4px 10px;}
.tc_bm_02 span.s0{ background: #ffa800;}
.tc_bm_02 span.s1{ background: #27a143;}
.tc_bm_02 span.s2{ background: #f60b26;}
.tc_bm_info{  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.tc_bm_info span{line-height: 34px;display: inline-block;color: #666;background: url(icon_tc_msg.png) 9px 4px no-repeat;font-size: 16px;padding: 0 20px 0 40px;border-left: 1px solid #ddd;}
.tc_bm_info span.s1{background-position: 11px -38px;}
.tc_bm_info span.s2{background-position: 10px -81px;}
.tc_bm_msg{ padding: 5px 10px;}
.tc_bm_msg span{color: #666;}
.tc_bm_msg p{ color: #999;}
.per_input{ width: auto;}
.per_input ul li{ padding: 14px 0; border-bottom: 1px solid #ddd;}
.per_input ul li:after{ content: ""; display: block; clear: both;}
.per_input strong{ font-weight: normal; color: #333; font-size: 16px; width: 100px; float: left; line-height: 40px;}
.per_input p{float: left; display: block; position: relative;}
.per_input p span{ padding: 0 10px; color: #999; font-size: 14px}
.per_input p span.s0{ padding: 0; font-size: 12px;}
.per_input p .upload{ border: 1px solid #ff8400; color: #ff8400; padding: 0 20px; display:inline-block ;line-height: 38px; }
.per_input p .upload:hover{ background: #ff8400; color: #fff;}
.per_input p b{ position: absolute; left: 390px; top: 6px;}
.per_input input,.per_input select{  width: 400px; padding-left: 10px; border: 1px solid #e6e6e6; line-height: 38px; height: 38px; font-size: 16px; color: #333;}
.per_input select{ width: 410px;}
.per_input textarea{ width: 500px;border: 1px solid #e6e6e6; padding: 10px 10px; min-height: 200px;}
.per_input p.p0 input{ width: 130px; margin-right: 10px;}
.per_input p.p1{ display: flex; align-items: center; justify-content: flex-start;}
.per_input p.p1 input{ width: 20px; margin: 0 10px; cursor: pointer;}
.per_input .sub input{ background: #2194d6; cursor: pointer; color: #fff; border-radius: 4px; outline: none; width: 120px; padding: 0; }
.per_input .sub input:hover{ background: #0e78b5;}
.per_input .sub p{ float: none;  display: inline-block; padding: 0 0 0 20px; font-size: 16px; color: #999;}
.per_input .sub p a{ color: #209b66;}
.per_input .sub p a:hover{ text-decoration: underline;}
.per_tc_pl{ }
.per_tc_pl ul li{ padding: 14px 0; border-bottom: 1px solid #ddd;}
.per_tc_pl ul li:after,.per_safe_cont ul li:after,.per_gold ul li:after,.v_choose ul li:after{ content: ""; display: block; clear: both;}
.per_tc_pl h2{  background: #f1f1f1; height: 40px;font-weight: normal;}
.per_tc_pl h2 a{ font-size: 16px; color: #333; line-height: 40px;  display: block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%;  }
.per_tc_pl h2 a:hover{ color: #f44;}
.per_tc_pl h2 span{ float: right; line-height: 30px; display: inline; margin: 5px 10px 0 0; background: #ff9c00; color: #fff; border-radius: 4px; padding: 0 10px;font-size: 14px}
.per_tc_pl h2 span.s1{ background: #1da97d;}
.per_tc_pl h2 span.s2{ background: #f44;}
.per_tc_pl p{ color: #666; font-size: 14px;}
.per_tc_pl p.p0{ color: #999;}
.per_safe{ width: 100%; background: #fafafa;  margin-bottom:16px;}
.per_safe:hover{box-shadow: 0 1px 2px #eee; background: #f9f9f9;}
.per_safe_t{width: auto;height: 54px;padding: 20px 18px 20px 24px;}
.per_sefe_words{ float: left; width: 80%;}
.per_sefe_words img{ float: left; margin-right: 10px;} 
.per_sefe_words h2{font-weight: normal;font-size: 18px;color: #35a7dc;line-height: 28px;}
.per_sefe_words p{ color: #333; font-size: 16px;}
.per_sefe_w2 h2{ color: #27a462;}
.per_sefe_w3 h2{ color: #d35371;}
.per_sefe_w2 p,.per_sefe_w3 p{ color: #c1c1c1;}
.per_safe_a{float: right;padding: 14px 0 0;}
.per_safe_a span{ cursor: pointer; color: #ff8400; padding: 0 24px;  font-size: 16px; border: 1px solid #ff8400; display: inline-block;}
.per_safe_a span:hover{ background: #ff8400; color: #fff;}
.per_safe_cont{ width: 100%; padding: 20px  0; border-top: 1px solid #ddd;}
.per_safe_cont ul li{ width: 100%; padding-top: 14px; } 
.per_safe_cont strong{ font-size: 16px;padding: 0  10px 0 0;  line-height: 32px; font-weight: normal; color: #333; width: 120px; display: block; float: left; text-align: right; }
.per_safe_cont p{ display: block; float: left; }
.per_safe_cont p input{ line-height: 30px; height: 30px; border: 1px solid #ccc; outline: none; padding: 0 0 0 10px; width: 210px;}
.per_safe_cont .yzm a{  color: #fff; background: #2682cf; line-height: 32px; padding: 0 14px; margin-left: 10px; display: inline-block; border-radius: 4px;}
.per_safe_cont .sub input{ color: #fff; background: #2682cf; border-radius: 5px; border:none;   width: auto; padding: 0 20px; font-size: 16px; cursor: pointer; }
.per_safe_cont .sub input:hover,.per_safe_cont .yzm a:hover{ background: #0c66b2;}
.per_safe_cont .yzm input{ width: 102px;}
.per_acc_info{ background: #f9f9f9; padding: 5px 14px ;line-height: 40px;height: 40px;}
.per_acc_info h2{ float: left; display: inline-block; font-weight: normal; font-size: 18px; }
.per_acc_info p{ font-size: 14px; color: #333;  }
.per_acc_info p span{ color: #d00;}
.per_acc_t{ width: 100%; padding: 16px 0;}
.per_acc_t h2{  padding: 0 0 0 10px;border-left: 2px solid #f44; font-weight: normal; font-size: 18px; color: #f44; }
.per_acc_t h2 span{color: #999; font-size: 14px; padding: 0 0 0 10px; display: inline-block;}
.line{ width: 100%; height: 1px; background: #e5e5e5; clear: both;}
.per_taocan{ width: 100%; height: 92px;}
.per_taocan a{display: block; border-radius: 6px; border: 1px solid #999; padding: 10px 0; width: 20%; margin: 0 1%; float: left; text-align: center;}
.per_taocan p{ color: #999; font-size: 24px; line-height: 32px;}
.per_taocan span{ color: #999; font-size: 16px; }
.per_taocan a.active{ border: 2px solid #f44; background: url(icon_act.png) right bottom no-repeat;}
.per_taocan a.active p{  color: #f44;}
.per_taotan_p{ width: 100%;}
.per_taotan_p p{ font-size: 18px; line-height: 30px; color: #999; padding: 0 0 0 5px;}
.per_taotan_p p span{color: #d00; font-weight: bold;}
.per_taotan_p p.p1{ text-indent: 6em; font-size: 14px;;}
.per_account .per_zl_input { padding: 10px 0 15px 0;}
.per_account .per_zl_input .sub{ padding: 0; }
.per_account .per_zl_input .sub input{ outline: none; background: #2abb7c; padding: 0 20px; font-size: 18px; height: 40px; line-height: 40px; margin-left: 30px;}
.per_account .per_zl_input .sub input:hover{ background: #15a566;}

.per_acc_list{ width: 100%;}
.per_acc_list ul li{ width: 100%; border-bottom: 1px solid #eee; line-height: 48px; display: flex; align-items: center; justify-content: space-between;}
.per_acc_list span{ display: inline-block; width:22%; text-align: center; color: #666; font-size: 15px;}
.per_acc_list span.s0{ text-align: left; width: 56%; display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.per_acc_list span.s2{ text-align: right;}
.per_acc_list span b{ font-weight: normal;}
.per_acc_list .suc{ color: #27ac6f;}
.per_acc_list .fail{ color: #d00;}
.acc_list{ width: 100%;}
.acc_list ul li{ border-radius: 6px;  padding: 4px 0; margin-bottom: 12px; background: #f5f5f5;}
.acc_list ul li > div{padding: 8px 8px;display: flex;align-items: center;justify-content: space-between;}
.acc_list .t1 { border-bottom: 1px solid #ddd;}
.acc_list .t1 h2{font-weight: normal;font-size: 18px;color: #f44;}
.acc_list .t1 span{color: #999;font-size: 14px;}
.acc_list .t2 p{flex: 1;color: #999;font-size: 15px;}
.acc_list .t2 p span{ color: #ff8400;}
.acc_list .t2 b{ font-weight: normal;background: #67c882; display: flex; align-items: center; justify-content: center; padding: 0 8px; border-radius: 4px; color: #fff; font-size: 14px;}
.acc_list .t2 b img{ width: 20px;}
.acc_list .t2 b.err{ background: #f5222d; } 
.acc_list_2 .t1 h2{font-size: 18px;color: #333;}
.acc_list_2 .t1 span{color: #ff8400;font-size: 24px;}
.acc_list_2 .t3 p{color: #999;font-size: 14px;}

.per_gold{ width: 100%;}
.per_gold ul li{ border-bottom: 1px solid #e6e6e6; padding: 16px 0;}
.per_gold strong{ float: left; line-height: 34px; width: 92px; font-weight: normal; font-size: 16px; display: block;}
.per_gold p{ display: block; width: 600px; float: right;}
.per_gold p.p0{ width: 100%; font-size: 16px; color: #f44;}
.per_gold .s0{ border: 2px solid #f44; width: 150px; text-align: center; background: url(icon_act.png) right bottom no-repeat; border-radius: 4px; display: inline-block; line-height: 32px; color: #f44; background-size: 14px auto;}
.per_gold .p1 a,.per_gold .p1 input{ line-height: 38px; width: 118px; display: inline-table;margin: 0 10px 10px 0; border-radius: 6px; color: #666; border: 1px solid #999; text-align: center;font-size: 16px; outline: none; }
.per_gold .p1 a.active,.per_gold .p1 input.active{ color: #f44; border-color: #f44;background: url(icon_act.png) right bottom no-repeat;  background-size: 14px auto;}
.per_gold .p2 { font-size: 16px;}
.per_gold .p2 span{ font-weight: bold; color: #f44; font-size: 18px; padding: 0 3px;}
.per_gold .sub input{ cursor: pointer; font-size: 16px; border-radius: 10px; border: none; outline: none; color: #fff; line-height: 40px; height: 40px; padding: 0 30px; background: #2abb7c;}
.per_gold .sub input:hover{ background: #15a566;}
.per_chaxun_t{ width: 100%; display: flex; align-items: center; justify-content: flex-start}
.per_chaxun_t select,.per_chaxun_t input{ height: 36px;width: 140px; padding-left: 10px; line-height: 36px; border: 1px solid #ccc; margin-right: 12px; display: inline-block; font-size: 16px}
.per_chaxun_t select{ height: 38px; line-height: 38px; }
.per_chaxun_t .submit{ cursor: pointer; background: #ff8400; width: 80px; color: #fff; border-radius: 8px; border-color: #ff8400; padding: 0;}
.per_chaxun_t .submit:hover{ background: #e57804;}

.v_choose{ width: 100%; margin: 3px 0; padding: 10px 0;   border-bottom: 1px solid #e5e5e5;}
.v_choose ul li{ padding: 5px 0;}
.v_choose strong{ background: #f44; color: #fff; font-size: 16px; border-radius: 6px; line-height: 28px; padding: 0  15px; display: block; float: left; font-weight: normal; text-align: center; }
.v_choose div{ width: 88%; float: left; padding: 4px 0 0 10px;}
.v_choose div select{ float: left; font-size: 16px; background: #e5e5e5; color: #888; border-radius: 10px; border: none; line-height: 24px; outline: none; height: 24px; padding: 0 10px; margin-right: 4px;}
.v_choose div p{display: block; float: left;}
.v_choose div a{ font-size: 16px; color: #666; padding: 0 10px; line-height: 24px; display: inline-block; border-radius: 4px ;}
.v_choose div a.active{ background: #f44; color: #fff;}
.v_list{ width: 1220px}
.v_list ul li{ width: 390px; overflow: hidden; float: left; display: inline; margin: 0 15px 15px 0; border-radius: 6px; }
.v_list a{ display: block; width: 100%;}
.v_list .list_img{ height: 180px;}
.video_t {background: #f5f5f5;height: 80px;}
.video_t h2{padding: 0  10px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 20px;line-height: 44px;border-bottom: 1px solid #ddd;}
.video_t p{  padding: 0 0 0 10px;  line-height: 30px;}
.icon_video{ float: right; background: url(icon_video.png) 0px center no-repeat; padding: 0 0 0 20px;color: #999;  font-size: 16px}
.v_list ul li:hover{ background: #f5f5f5; border-color: #f44;}
.v_title { background: none;}
.v_title h2{ font-size: 30px; line-height: 50px; color: #fff; border: none;}
.v_title p { font-size: 16px; color: #fff;}
.v_title .icon_video{ font-size: 14px; color:#fff; display: inline-block;  margin-left: 20px; float: none;}
.video_v{ width: 100%; background: #000; }
.video_h2{ width: 100%;;}
.video_h2 h2{ line-height: 40px; font-weight: normal; font-size: 18px; color: #ff9c00; border-bottom: 1px solid #ddd;}
.video_h2 h2 span{ color: #999; font-size: 16px}
.video_h2 p{ font-size: 14px; color: #999; padding: 4px 0;}
.video_cont_left{ width: 840px; float: left; background: #fff; border-radius:10px; padding: 20px 20px;}
.video_input{ width: 100%; padding: 10px 0; }
.video_input img,.video_pl_img{width: 56px;height: 56px; overflow: hidden; border-radius: 50%;float: left;margin: 6px 10px 0 0;}
.video_input textarea{border: 1px solid #ddd;min-height: 55px;padding: 6px 6px;width: 77%;float: left;border-radius: 10px;}
.video_input input{ cursor: pointer; height: 70px; border: none; background: #e9e9e9; line-height: 70px; border-radius: 10px; font-size: 16px; width: 100px; float: right; color: #999;}
.video_input input:hover{background: #f44; color: #fff;}
.video_pl_list{ width: 100%; padding: 10px 0; }
.video_pl_list ul li{ padding: 10px 0; border-bottom: 1px solid #ddd;}
.video_pl_img img{ width: 100%;min-height: 100%;}
.vdieo_pl_msg{ float: left; width: 90%;}
.vdieo_pl_msg h2{ font-size: 16px; font-weight: normal; }
.vdieo_pl_msg h2 a{ color: #f44;}
.vdieo_pl_msg p{color: #999; line-height: 20px;}
.vdieo_pl_msg .time{width: 200px; display: block;}
.vdieo_pl_msg .time a{float: right;background: url(icon_xin3.png) 1px 5px no-repeat;    transition: all .5s ease; padding: 0 0 0 24px;color: #999;}
.vdieo_pl_msg .time a.active{ background-position:1px -22px;}
.video_pl_gf{ padding: 16px 0 16px 60px;}
.video_pl_gf .video_pl_img{ width: 46px; height: 46px;}
.video_pl_gf .info{ padding: 6px 0 0;}
.video_pl_gf .info span{ color: #f44; display: inline-block; padding-right: 10px;}
.video_pl_gf div p{ display: inline-block;}
.video_pl_no{ width: 100%; text-align: center; padding: 20px 0;}
.video_pl_no p{ color: #666;}
.video_r_t{ width: 100%;;}
.video_r_t h2{ font-size: 20px; color: #ff8400; line-height: 36px; border-bottom: 1px solid #eee; font-weight: normal;}
.video_cont_right{width: 260px;padding: 20px 20px;float: right;border-radius: 10px;background: #fff;}
.video_more{ width: 100%;}
.video_more ul li{width: 100%;background: #f5f5f5;margin: 0 0 10px 0;}
.video_more ul li:hover h2{ text-decoration: underline;}
.video_more .list_img{  height: 150px;  } 
.video_more_p{width: 100%;background: #f5f5f5;}
.video_more_p h2{line-height: 40px;overflow: hidden;font-weight: normal;color: #333;font-size: 16px;padding: 0  6px;}
.video_more_p p{display: block; color: #666;}
.video_more_p .s0{ display: block; float: none;}

.sousuo_p{ width: 100%;}
.sousuo_p p{ color: #666;}
.sousuo_p p span{color: #f44; font-weight: bold;}

.hd_list ul li{ border-bottom: 1px solid #eee; padding: 10px 10px; border-radius: 10px; height: 200px; margin-bottom: 12px; }
.hd_list .list_img{ width: 300px; height: 200px; border-radius: 6px; float: left;}
.hd_list ul li:hover{ background: #f5f5f5;}
.hd_words{ width: 550px; height: 100%;  float: right; position: relative;}
.hd_words h2{ font-size: 22px; line-height: 40px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hd_words h2 a:hover{ color: #ff8400;}
.hd_words p{display: block;width: auto;height: 80px;overflow: hidden;line-height: 26px;color: #999;font-size: 14px;padding: 10px 10px 0 10px;}
.hd_list_tuijian{ padding: 10px  0px 0; border: 1px solid #e6e6e6;}
.hd_list_tuijian > h2{ line-height: 44px; color: #666; border-bottom: 1px solid #e6e6e6; padding-left: 10px; font-size: 20px; font-weight: normal;}
.hd_tj{width: 100%; }
.hd_tj ul li{border-bottom: 1px solid #eee;height: 80px;padding: 10px 10px;}
.hd_tj ul li:hover{ background: #f5f5f5;}
.hd_tj .list_img{ width: 80px; height: 80px; border-radius: 6px; float: left;}
.hd_tj_words{float: right;width: 180px;}
.hd_tj_words h2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hd_tj_words h2 a{color: #ff8400;font-size: 16px; }
.hd_tj_words P{color: #999;font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;line-height: 22px;}

.hd_top{ width: 100%;}
.hd_top .list_img{ width: 450px; height: 300px; float: left; }
.hd_top_right{ width: 730px; height: 300px;float: right; position: relative;}
.hd_top_right .hd_words{ width: auto; height: auto; float: none;}
.hd_top_right .hd_words p{ line-height: 30px; color: #666; padding:10px 0 0; height: 70px;}
.hd_top_info{ padding: 14px 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd;}
.hd_top_info p{ display: inline-block; color: #999; line-height: 30px; width: 30%;}
.hd_top_info p.p0{ width: 60%;}
.hd_top_status{ position: absolute; left: 0; bottom: 0; width: 100%;}
.hd_top_status span{ color: #666; font-size: 18px; line-height: 30px;}
.hd_top_status a{ background: #ff8400; color: #fff; font-size: 16px; line-height: 30px; display: inline-block; border-radius: 6px; padding: 0 30px; float: right;}
.hd_tj_02{ border: none; background: #fff;}
.hd_t_status{ width: 100%; padding: 6px 0;}
.hd_t_status span{ padding: 0 20px; border-radius: 10px; color: #fff; background: #ffc000; margin-right: 10px; display: inline-block;}
.hd_t_status span.s0{ background: #228bb6; }
.hd_t_status span.s1{ background: #d9121b; }
.hd_t_status p{ float: right; color: #999; display: inline-block; background: url(icon_person.png) 0px 2px no-repeat; padding: 0 10px 0 20px; }
.hd_t_status p b{ font-weight: normal; color: #ff8400;}
.hd_t_status p.p0{ background: url(icon_eye.png) 0px 4px no-repeat; padding: 0 10px 0 23px;}
.ht_t_info{ position: absolute; left: 0; bottom: 0; padding: 6px 0; z-index: 2;}
.ht_t_info span{color: #999; font-size: 14px; display: inline-block; cursor: pointer; padding: 0px 10px; margin-right: 10px; }
.ht_t_info span:hover{ background: #ff8400; color: #fff; ;}
.hd_zhuantai{z-index: 1;  position: absolute;   width: 115px;    height: 115px;    top: 180px;    left: 20%;    text-indent: -999em;;}
.hd_zhuantai span{ background: url(bg.png) -116px -318px no-repeat; width: 100%; height: 100%; display: block;}
.hd_zhuantai span.s2{  background-position: -231px -318px;}
.hd_zhuantai span.s3{  background-position: 0 -434px;}
.hd_zhuantai span.s4{  background-position: 0 -318px;}
.hd_r_bm{ width: auto; border: 1px solid #eee; padding:  10px 10px;}
.hd_r_t{ width: 100%;}
.hd_r_t h2{ background: #f44; line-height: 60px; color: #fff; text-align: center; font-weight: normal; font-size: 26px}
.hd_r_more{ }
.hd_r_more ul li{  padding: 10px 0; border-bottom: 1px solid #eee;}
.hd_r_more ul li:hover{ background: #fafafa;}
.hd_r_more .list_img{ width: 120px; height: 80px; float: left; }
.hd_r_words{ width: 160px; padding: 0 0 0 5px; float: left; } 
.hd_r_words h2{ font-weight: normal; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden;}
.hd_r_words .hd_t_status{ padding:  0;}
.hd_r_words .hd_t_status span{ line-height: 20px; font-size: 12px; padding: 0 8px; margin-right: 4px; }
.hd_r_words p{ color: #999; font-size: 12px;}
.hd_cont_div { width: 100%; padding: 5px  0; border-bottom: 1px solid #eee;}
.hd_cont_div img{ margin: 10px 0; max-width: 100%;}
.hd_cont_t{ width: 100%; border-bottom: 1px solid #eee; height: 40px;}
.hd_cont_t ul li{ float: left;}
.hd_cont_t a{ padding: 0 30px; color: #999; font-size: 16px; line-height: 40px; display: inline-block;}
.hd_cont_t a.active{ color: #f44; border-bottom: 1px solid #f44;}
.hd_cont_bm{ width: 100%; }
.hd_cont_bm h2{ font-size: 18px; line-height: 50px; font-weight: normal; color: #ff9c00;}
.hd_bm_img{ width: 100%;;} 
.hd_bm_img .head_img{  margin:0 10px 10px 0; display: inline; float: left;}

/*弹窗*/
.show_song{ width: 500px; position: absolute; left: 50%; margin-left: -250px; top: 18%; background: #fff;}
.show_song_t{ width: 100%; position: relative; }
.show_song_t h2{ color: #fff; line-height: 32px; background: #f44; font-size: 16px; padding-left: 10px; font-weight: normal;}
.show_song_t > a{ position: absolute; right: 10px; top: 2px;}
.song_w1{ width: 100%; padding:6px 0 4px 0; }
.song_w1 p{ color: #999; font-size: 14px; line-height: 28px; display: inline-block; padding: 0 0 0 20px;}
.song_w1 p strong{ font-size: 15px; color: #666;}
.song_w1 p .s1{ color: #ff8400; font-size: 16px;}
.song_w1 .qianxian_p{}
.song_w1 .qianxian_p span,.song_w1 .qianxian_p strong{ display: block; float: left;}
.song_w1 .qianxian_p span{width: 84%;line-height: 24px;padding: 3px 0 0;}
.song_w1 p.p0{ color: #f44;}
.song_w1 p.p1{ color: #f44; font-size: 18px; line-height: 34px;}
.song_w1 p.full{ width: 95%;}
.song_line{ height: 1px; background: #ddd; width: 100%; clear: both;}
.song_w1 .sub{ width: 100%; padding:10px 0 0; text-align: center; display: block;}
.song_w1 .sub input{  padding: 0 30px; background: #f44; color: #fff; font-size: 16px; border: none; outline: none; border-radius: 20px; line-height: 40px; height: 40px; cursor: pointer;}
.song_w1 .sub input:hover{ background: #eb0e0e;}
.song_choose{ width: 90%; padding: 5px 0; padding-left: 20px;}
.song_choose > *{ cursor: pointer; color: #999; border: 1px solid #ddd; border-radius: 20px; width: 66px; display: block; float: left; margin-right: 6px; text-align: center;}
.song_choose input{ line-height: 24px; height: 24px; width: 70px; outline: none; }
.song_choose .active{ color: #f44; border-color: #f44;}
.song_lianxi_succ{ width:auto; padding:10px 0 0 20px;}
.song_lianxi_succ p{   display: block; float: left; width: 40%;}
.song_lianxi_succ p span{font-size: 16px; padding-left: 10px;}
.song_huiyuan{ width: 100%;}
.song_huiyuan a{ position: relative; display: block; width: 45%; float: left; height: 50px; text-align: center; margin: 6px 10px;color: #999;}
.song_huiyuan p{ font-size: 24px; line-height: 50px; }
.song_huiyuan span{ font-size: 12px; padding: 0 0 0 6px;}
.song_huiyuan .active{ background: url(icon_act.png) right top no-repeat; }
.song_huiyuan .active p{ color: #f44;}
.song_huiyuan b{ position: absolute; left: 1.5%; top: 0; border: 1px solid #999; width: 97%; height: 100%; display: block;border-radius: 8px; } 
.song_huiyuan .active b{  border: 2px solid #f44;}


@media only screen and (min-width: 960px) and (max-width: 1920px) {
	
}

.hd_baoming{ width: 640px; border: 1px solid #eee;  position: fixed; left: 50%; top: 20%; background: #fff; margin-left: -320px; z-index: 99;}
.hd_baoming_t{ background: #f1f1f1; line-height: 46px; position: relative; padding: 0 20px;}
.hd_baoming_t span{ color: #666; font-size: 14px; padding: 0 0 0 10px; font-weight: normal;}
.hd_baoming_t .a_close{ position: absolute; right: 10px; top:7px; display: block;width: 30px; height: 30px; background: url(icon_close_9.png) center center no-repeat ;}
.hd_baoming_c{width: 86%;margin: 0 auto;padding: 30px 0;}
.hd_baoming_c ul li{ padding: 0 0 14px 0; width: 100%;}
.hd_baoming_c ul li a{ color: #007DDB; padding: 0 5px 0 0;}
.hd_baoming_c  input{outline: none; border: none; }
.hd_baoming_c strong{width: 90px;float: left;display: block;font-weight: normal;text-align: right;padding: 0 10px 0 0;color: #666;}
.hd_baoming_c strong b{ color: #d00;}
.hd_baoming_c textarea{ width: 406px; outline: none; padding: 6px; height: 66px; line-height: 30px; background: #fafafa;;border: 1px solid #eee;}
.hd_baoming_c .box{float: left;width: 81%;}
.hd_baoming_c .box_01 input{width: 121px; float: left;margin: 0 10px 0 0;background: #fafafa;line-height: 32px;height: 32px;border: 1px solid #eee;padding: 0 0 0 10px;}
.hd_baoming_c .box_01 .weixin{ background: url(bg.png) -373px -121px no-repeat #fafafa; padding-left: 30px; width: 100px;}
.hd_baoming_c .box_01 .phone{ background: url(bg.png) -373px -156px no-repeat #fafafa; padding-left: 30px; width: 100px;}
.hd_baoming_c .sub input{ cursor: pointer; background: #fac40a; color: #fff; line-height: 36px; height: 36px; font-size: 18px;  width:94%}
.hd_baoming_c .sub input:hover{ background: #d9a903;}

.show_cont_fff{ width: 600px; height: 300px; border-radius: 6px; background: #fff; position: fixed; left: 50%; margin-left: -300px; top: 20%; z-index: 99;}
.show_cont_t{  padding: 15px 20px; position: relative; border-bottom: 1px solid #ddd; }
.show_cont_t h2{ line-height: 40px; font-weight: normal; color: #333; font-size: 20px; background: url(icon_jubao.png) 0 9px no-repeat; padding-left: 30px;}
.show_cont_t .a_close{ position: absolute; right: 10px;top: 10px;}
.show_cont_t p{ color: #d00; font-size: 16px;padding-left: 30px;;}
.show_cont_div{ width: 100%; text-align: center; padding: 20px 0;}
.show_cont_div strong{ line-height: 50px; font-weight: normal; color: #666; padding: 0 20px 0 0; }
.show_cont_div textarea{ border: 1px solid #eee; height: 60px; width: 400px; padding: 10px 10px; }
.show_cont_div button{ background: #f44; color: #fff; outline: none; cursor: pointer; font-size: 16px; border-radius: 5px; line-height: 40px; padding: 0 30px; border: none;}
.show_cont_div button:hover{ background-color: #ea0909;}
.show_cont_succ{ padding: 30px 0 0; text-align: center;}
.show_cont_succ span{ color: #7bb05a; font-size: 30px; padding: 0 0 0 20px;}
.show_cont_succ p{font-size: 18px; color: #999; line-height: 30px; padding: 20px 0 0;}

.pay_box{ background-color: #333; position: fixed; left: 0; top: 0; width: 100%; height: 100%;}
.pay_words{  width: 1000px; margin: 0 auto}
.pay_words_info{ padding: 40px 0; height: 60px;}
.pay_words_info h2{ font-weight: normal;  font-size: 20px; line-height: 30px; color: #fff;}
.pay_words_info p{ font-size: 16px;color: #fff; } 
.pay_words_info p.p1{ line-height: 60px  ;}
.pay_words_info p.p1 span{ color: #f44; font-size: 30px; padding: 0 3px;}
.pay_cent{height: 450px;background: url(pay_phone.jpg) 90% center no-repeat #fff;padding: 20px 0 0;}
.pay_cent h2{ font-weight: normal;  color: #666; font-size: 16px; padding: 0 0 0 30px;}
.pay_ewm{width: 230px;float: left;padding: 40px 0 0 200px;text-align: center;}
.pay_ewm p{font-size: 16px;line-height: 40px;color: #666;}
.pay_ewm_img{ margin: 10px 0; padding: 10px 10px;border: 1px solid #ddd;}
.pay_ewm_img img{ max-width: 100%;} 
.pay_ewm_tips{width: auto;height: 50px;background: #ff7674 url(icon-red.png) no-repeat 6px 3px;}
.pay_ewm_tips span{line-height: 50px;display: inline-block;font-size: 16px;color: #fff;padding: 0 0 0 37px;}