@charset "utf-8";

/* CSS Document */

a {text-decoration: none;color: #333;padding:0;margin:0;}

ul {list-style: none;padding:0;margin:0;}

li {list-style: none;padding:0;margin:0;}

ul li {list-style: none;}

p{padding:0;margin:0;}

iframe,img {border: none;margin: 0px;}

input,button,select,textarea{outline:none}

img{ vertical-align:middle; max-width:100%;}

img a {border: none;margin: 0px;}

body {font-family: Verdana, Geneva, sans-serif;font-size: 12px;color:#333;padding:0;margin:0; background:#FFF}

body { width:100%; max-width:960px; margin:0 auto; font-family:"微软雅黑"; position:relative; line-height:1.8;}

table ,tr, td { margin: auto; padding:0; margin:0;}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }



@media screen and (min-width:320px){

    .tt1{font-size:12px;}

    .tt2{font-size:12px;}

    .tt3{font-size:13px;}

    .tt4{font-size:14px;}

    .tt5{font-size:15px;}

    .tt6{font-size:16px;}

    .tt7{font-size:18px;}

    .tt8{font-size:20px;}

    .tt9{font-size:22px;}

    .tt10{font-size:30px;}



}

@media screen and (min-width: 414px){

    .tt1{font-size:12px;}

    .tt2{font-size:12px;}

    .tt3{font-size:13px;}

    .tt4{font-size:14px;}

    .tt5{font-size:15px;}

    .tt6{font-size:16px;}

    .tt7{font-size:20px;}

    .tt8{font-size:22px;}

    .tt9{font-size:24px;}

    .tt10{font-size:34px;}



}

@media screen and (min-width: 480px){

    .tt1{font-size:12px;}

    .tt2{font-size:14px;}

    .tt3{font-size:14px;}

    .tt4{font-size:14px;}

    .tt5{font-size:16px;}

    .tt6{font-size:18px;}

    .tt7{font-size:24px;}

    .tt8{font-size:26px;}

    .tt9{font-size:28px;}

    .tt10{font-size:38px;}



}

@media screen and (min-width: 640px) {

    .tt1{font-size:12px;}

    .tt2{font-size:14px;}

    .tt3{font-size:16px;}

    .tt4{font-size:18px;}

    .tt5{font-size:20px;}

    .tt6{font-size:22px;}

    .tt7{font-size:28px;}

    .tt8{font-size:30px;}

    .tt9{font-size:32px;}

    .tt10{font-size:40px;}



}

@media screen and (min-width:960px) {

    .tt1{font-size:14px;}

    .tt2{font-size:16px;}

    .tt3{font-size:18px;}

    .tt4{font-size:20px;}

    .tt5{font-size:24px;}

    .tt6{font-size:28px;}

    .tt7{font-size:30px;}

    .tt8{font-size:32px;}

    .tt9{font-size:34px;}

    .tt10{font-size:44px;}



}

.head{ padding:1%; overflow:hidden; clear:both;}



.logo{ float:left; overflow:hidden; clear:both;}

.logo img{ width:80%; }



.adv1{ border-radius:10px; margin:0 auto; overflow:hidden; clear:both;position:relative; }





.logo1 span{background:no-repeat left center #FDAB22;border-radius:20px; color:#fff; overflow:hidden; clear:both; padding:5px; background-size:30px auto; background-position:10px center;}

.logo1 img{ width:15px;}



.renwu{ float:right; margin-top:-60%; position:relative; }

.renwu img{ width:50%; border-radius:100px; margin-left:34%}

.renwu1{float:right; margin-top:-45%; position:relative; margin-right:6%;}

.renwu1 span{background:no-repeat left center #FDAB22;border-radius:20px; color:#fff; overflow:hidden; clear:both; padding:5px; background-size:30px auto; background-position:10px center;}

.renwu1 img{ width:15px;}

.bg{ background:#FFFFFF;clear:both;overflow:hidden; text-align:center; position:fixed;left:0; bottom:0; width:100%;}

.bg img{ width:20%; padding:0 5px; }



.zt5{ color:#A2A2A2;height:60px;}

.zt5 img{ width:20px; padding:0 10px;}



.none {display: none;}

.hj{ overflow:hidden; clear:both; height:10px;}

.hj2{ overflow:hidden; clear:both; height:20px;}

.bg1{ background:#fff; width:96%; margin:0 auto; border-radius:20px;overflow:hidden; clear:both; margin-top:10px;}

.pp1{ padding:1% 0;}

.pp2{ padding:2% 0;}

.pp3{ padding-top:15%;}

.clear{ overflow:hidden; clear:both;}

.img1{ display:block; position:relative; width:100%; padding-bottom:60%; overflow:hidden;}

.img2{ display:block; position:relative; width:100%; padding-bottom:77%; overflow:hidden;}

.img3{ display:block; position:relative; width:100%; padding-bottom:100%; overflow:hidden;}

.img4{ display:block; position:relative; width:100%; padding-bottom:100%; overflow:hidden;}

.img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img,.img7 img,.img8 img,.img9 img{ position:absolute; top:0; left:0; width:100%; height:100%;}

.img1 img,.img2 img,.img3 img,.img4 img,.img5 img{  transition: all 0.8s;}



.qq{ width:100%; margin:0 auto; position:relative;}

.fullSlide{ position: absolute; top:0; left:0;width:100%; height:100%;}

.fullSlide .bd{position:relative;z-index:0;overflow:hidden;height:100%;}

.fullSlide .bd ul{width:100% !important; height:100%;}

.fullSlide .bd li{width:100% !important; height:100%;overflow:hidden;text-align:center;}

/*.fullSlide .bd li p{ width:100%; padding-bottom:36.46%; position:relative;}*/

/*.fullSlide .bd li a{display:block; background:rgba(0,0,0,0.7); position:absolute; bottom:0; left:0; width:70%; padding:2%; padding-right:28%; color:#fff; text-align:left;}*/

.fullSlide .hd{position:absolute;bottom:10px;left:0; width:100%;display: flex;   justify-content:center;  align-items:Center;height:22px;line-height:20px;}

.fullSlide .hd ul{text-align:center; width:100%; margin:0 auto; max-width:1200px;}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px; max-width:50px;height:12px;margin:2px 4px;overflow:hidden;filter:alpha(opacity=90);opacity:0.6;line-height:999px;background:#fff; border-radius:50%;}

.fullSlide .hd ul .on{background:#009afe;background:#fff;opacity:1;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px  no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}

.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}

.qt{ position:relative; width:100%; padding-bottom:52.2%; height:0; overflow:hidden;}

.none {display: none;}

.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}

.main{ width:96%; margin:0 auto; padding:0 2%; overflow:hidden; clear:both; }

.main2{ margin:4%; }

.mainb{ width:100%; margin:0 auto;   overflow:hidden; clear:both; }

.main1{ float:left; width:38%; background:#fff; border-radius:20px; padding:4%; margin:2%;}

.main1 img{ width:36%;float:left; padding-right:10px; }

.main1 span{ color:#999999;}



.main5{ float:left; border-radius:20px; padding:4%; width:100%; }

.main5 img{ width:20%;float:left;border-radius:60%; margin-right:10px; }

.main5 span{ color:#999999;}



.main6{ float:left;padding:4%; width:100%; border-bottom:1px solid #ddd;}

.main6 img{ width:25%;float:left;border-radius:10%; margin-right:10px; padding-bottom:10px; }

.main6 span{ color:#999999;}

.main7{ float:left;padding:4%; width:100%; }

.main7 img{ width:25%;float:left;border-radius:10%; margin-right:10px; padding-bottom:10px; }

.main7 span{ color:#999999;}

.main3{ background:#fff; border-radius:10px; padding:4%; margin:3%;}

.main3 img{ width:15%;float:left; padding-right:10px;}

.main3 span{ color:#999999;}

.mai{ float:right; margin:-11% auto;}

.mai2{ float:right;  background:#FFF4D1; border-radius:1px 10px 5px 10px; margin:-18.8% -4.8%; padding:3px 10px;}

.mai3{ background:#D26B31; border-radius:30px; height:50px; width:94%; margin:0 auto; text-align:center; line-height:50px; }

.mai3 a { color:#FFFFFF;}





.ul1{ margin:0;}

.nr11{ float:left; width:85px; padding-left:15px;}

.nr11 img{ border-radius:30px; width:60%;}





.nr12{ float:right; width:calc(99% - 100px);}

.nr12 span{ background:#DAEBFF; color:#325886; border-radius:8px; padding:0 10px; display:block; margin-right:5px; float:left; text-align:center;  }

.nr12 a{color:#325886; font-weight:bold;}

.nr12 li{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; padding-right:10px;}



.nr15{ float:left; width:60px; height:70px;}

.nr15 img{ border-radius:60%; width:90%;}

.nr13{ float:left; margin:13px 0; padding:0 10px; }

.nr131{ float:left; padding:0 10px; }

.nr14{ float:right; text-align:right; margin:13px 0; color:#8D8D8D;}

.nr141{ float:right; text-align:right; margin:13px 0; color:#CF821F; background:#FEF4E8; border-radius:10px; padding:5px 15px;}

.nr16 p{ background:#F6F6F6; color:#222; border-radius:8px; padding:10px; display:block;}

.nr16 span{ background:#3A83F6; color:#fff; border-radius:8px; padding:0 8px; display:block; float:left; margin-right:5px;}

.nr{ border-bottom:1px solid #ECECEC; width:92%; margin:auto; padding:15px 0;}



.nr17{ background:#0989FF; color:#fff; border-radius:20px; display:block; width:30.33%; float:left; margin:2%; padding:10px 0; text-align:center;}

.nr18{ background:#F84A35; color:#fff; border-radius:20px; display:block; width:30.33%; float:left; margin-top:2%; padding:10px 0;}

.nr19{ background:#449C2F; color:#fff; border-radius:20px; display:block; width:30.33%; float:left; margin:2%; padding:10px 0;}



.nr171{ background:#0989FF; color:#fff; border-radius:20px; display:block; width:30.33%; float:left; margin:2% 30%; padding:10px 0; text-align:center;}

.piao{ width:100px; position:fixed; right:0; bottom:30%}

.foot1{position: fixed; left:calc(50% - 40px); overflow:hidden; clear:both; bottom:0; width:100%; /* box-shadow:0 0 10px rgba(0, 0, 0, 0.1);*/z-index:1;}

.foot1 img{ width:80px;}



.foot,.foot2{  background:#f1f1f1; overflow:hidden; clear:both; position: fixed; left:0; bottom:0; width:100%; /* box-shadow:0 0 10px rgba(0, 0, 0, 0.1);*/ border-top:1px solid #ddd;}



.foot li{ float:left; text-align:center; width:20%;}

.foot li:last-child{ border:none;}

.foot li a,.foot_p1 a{ display:block; padding:5px 0; color:#777;}

.foot li a span,.foot_p1 a span,.foot2_p3 span{ display:block; width:30px; height:30px; overflow:hidden; padding:3px; margin:0 auto;}

.foot li:hover a,.foot li .no,.foot_p1:hover a,.foot_p1 .no{ color:#23aefd;}

.foot li a span img ,.foot_p1 a span img{-webkit-filter: grayscale(100%); /* <-变灰，变白-> */ filter: grayscale(100%);}

.foot li:hover a span img,.foot li .no span img,.foot_p1:hover a span img,.foot_p1 .no span img{ -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}

.mhj5{ padding-bottom:50px;}

.mhj6{ padding-bottom:50px;}



.nr1_p1 li{ float:left; width:21%; padding:2%; text-align:center;}

.nr1_p1 li a{ display:block;}

.nr1_p1 li a span{ display:block; max-width:60%; margin:0 auto;}



.nr1_p22{ background:url(../images/ic4.jpg) no-repeat left center #f6f6f6; padding:1%;  border-radius:8px; overflow:hidden; clear:both; padding-left:15px; background-size:30px auto; background-position:10px center; }



.nr1_p23{padding:1%;  overflow:hidden; clear:both; padding-left:15px; background-size:30px auto; line-height:2; background-position:10px center;width:98%; border-top:1px solid #ECECEC; margin:auto; padding:15px 0;}

.nr1_p23 span{color:#888888; }

.nr1_p23a{ width:50%; float:left;}

.nr1_p23b{ width:50%; float:left; text-align:right; color:#EA653E;}



.nr1_p24{ overflow:hidden;line-height:2; background-position:10px center;padding:4%;}

.nr1_p24 span{color:#888888; }

.nr1_pp{ padding-top:6px;}







.nr1_p2{ background:no-repeat left center #fff; padding:1%;  border-radius:8px; overflow:hidden; clear:both; padding-left:15px; background-size:30px auto; line-height:2; background-position:10px center;width:96%;}

.nr1_p2 a{ display:block;}

.nr1_p2 span{color:#888888; padding-left:1%;}

.nr1_p2 img{ width:25%;}



.nr1_p22{ background:no-repeat left center #fff; padding:1%;  border-radius:8px; overflow:hidden; clear:both; padding-left:15px; background-size:30px auto; line-height:2; background-position:10px center;width:96%;}

.nr1_p22 span{color:#888888; padding-left:1%;}

.nr1_p22 img{ width:5%;}





.nr1_p3{ margin:0 -1%; overflow:hidden; clear:both;}

.nr1_p3 li{ float:left; width:48%; padding:1%;}

.tit1{ border-bottom:1px solid #E6E6E6; overflow:hidden; clear:both; position:relative;}

.tit1 li{ float:left; width:44.6%; text-align:center; color:#777; line-height:3; margin:10px;}

.tit1 .active{ color:#fff; position:relative; border-radius:10px; background:#5499F8; margin:10px;}



.tit1_p1{ position:relative; float:left; line-height:2;}

.tit1_p1:before{ position:absolute; left:0%; bottom:0; width:100%; height:5%; content: "";background:#fb3840;}

.nr1_p4{border-radius:10px; background:#fff; margin:10px; padding:10px; }

.nr1_p41{ float:left; width:55%;}

.nr1_p42{ float:right; width:40%;}

.nr1_p42 img{ border-radius:10px;}

.nr1_p43{ display:block;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:2;}

.nr1_p43 span{ background:#2885fb; color:#fff; margin-right:5px; padding:0 5px; border-radius:5px;}

.nr1_p44{ padding-top:8px; color:#777;}

.nr1_p5{ margin:0 -1%; overflow:hidden; clear:both;}

.nr1_p5 li{ float:left; width:46%; padding:2%; text-align:center;}

.nr1_p51{ display:block; padding-top:4%;}



.nr2_p71{ margin:0 auto; background:#fff; border:1px solid #fff; padding:15px; width:86%;border-radius:20px; max-width:560px; display:flex; }

.nr2_p72{ margin:0 auto; position:absolute; left:0; top:85%; width:100%; height:100%; }

.nr2_p73{ position:relative;}

.nr2_p74{ background:#F3F4F6; border-radius:10px; display:block; float:left; text-align:center; padding:5px 15px; margin-left:20px;}

.nr2_p74 a{ color:#1468CF; }



.head11{background:#F2F2F2;}



.head1{overflow:hidden; clear:both; position:relative; background:#F2F2F2;}

.head1_p1{ display:block; position:absolute; left:2%; top:30%; height:40%;}

.head1_p1 img{ max-height:100%;}

.head1_p2{ width:60%; margin:0 auto; text-align:center; line-height:2;}

.nr1_p6 p{ text-indent:2em; line-height:2;}

.nr1_p7 li{ background:#FFF; padding:3%; margin-top:10px; line-height:2;}

.nr1_p7 li a{ position:relative; padding-left:30px;}

.nr1_p7 li a:before{ position:absolute; left:0px; top:calc(50% - 8px); width:10px; height:10px; content: ""; border:3px solid rgba(251,56,64,0.5); border-radius:50px;}

.nr1_p7 li a:after{ position:absolute; left:3px; top:calc(50% - 5px); width:10px; height:10px; content: ""; background:#fb3840; border-radius:50px;}

.nr1_p8 li{ overflow:hidden; clear:both; border-bottom:1px solid #eee; padding:4% 0;}

.nr1_p8 li a{ display:block; line-height:2;}

.nr1_p8 li span{ display:block; float:right; color:#888;}

.nr1_p9{ text-align:center; color:#666;}

.nr1_p91{ display:block; background:#fb3840; border-radius:10px; padding:5px 20px; color:#fff; line-height:2;}

.bg2{ background:url(../images/bj.png) #F3F3F3 no-repeat center top; background-size:100% auto;}

.bg3{ background:url(../images/bj2.png) #F3F3F3 no-repeat center top; background-size:100% auto;}

.nr2_p1{ width:30%; margin:0 auto; text-align:center;}

.nr2_p1 a{ display:block; color:#fff; padding:8% 0;}

.nr2_p11{ max-width:80%; margin:0 auto;}

.nr2_p11 img{ border-radius:50%;}

.nr2_p2{width:90%; margin:0 auto; padding:2% 3%; background:#FFF; border-radius:8px;}

.nr2_p2 li{ overflow:hidden; clear:both; background:url(../images/ico11.jpg) no-repeat center right; background-size:4% auto; padding:3%;}

.nr2_p2 li a{ display:block;}

.nr2_p2 li a span{ display:block; float:left; margin-right:15px; max-width:8%;}

.nr2_p3 li{ overflow:hidden; clear:both; padding:1%;}

.red{ color:#F00;}

.nr2_p31{ background:#f6f7f9; border-radius:50px; padding:2% 25px; width:calc(100% - 50px); line-height:2; border:none;}

.nr2_p32{ background:#f6f7f9; border-radius:10px; width:100%; padding:2% 20px; line-height:2; border:none; }

.nr2_p33{ background:#0c65d4; border-radius:50px; width:calc(70% - 50px); padding:2% 20px; line-height:2; border:none; color:#FFF;}



.nb1_p1 {overflow:hidden; clear:both;  }

.nb1_p1 li{ float:left; width:24%; padding:0.5%; text-align:center}

.nb1_p11  { color:#2a7ef0; line-height:1}

.nb1_p12  { color:#2a7ef0; line-height:2}

.nb1_p13  { color:#aaaaaa; line-height:1; font-size:11px}



.nb1_p2 {overflow:hidden; clear:both;  }

.nb1_p2 li{ float:left; width:10%; padding:1.5% 5%; text-align:center}

.nb1_p21  { color:#2a7ef0; line-height:1}

.nb1_p22  { color:#000; line-height:2}

.nb1_p23  { color:#aaaaaa; line-height:1; font-size:11px}

.nb1_p21 span{ margin-top:-10px; margin-left:-20px; position: absolute}





.bg9 {background:#f9f9f9;}

.bg8 {background:#FFF;overflow:hidden; clear:both; }

.nb2_p31 { float:left; width:135px;background:url(../images/bg8.png) no-repeat top left #FFF; height:80px; padding-left:2%; line-height:30px; padding-top:20px;}

.nb2_p32 { float:right;width:calc(100% - 155px); background:#FFF; height:80px;padding-top:20px;}

.nb2_p32 li{ float:left; width:96%;padding:1.5% 2%; text-align:left}



.tit2{   overflow:hidden; clear:both; line-height:2}

.tit2 span { float:right; line-height:2}

.tit2 span a { color:#3884f7; line-height:2}



.nb2_p1 li{ float:left; width:49%;padding:1.5% 0.5%; text-align:left}

.nb2_p11  { float:left; width:48%; }

.nb2_p11 img{ border-radius:10px;}

.nb2_p12  { float:right; width:48%;color:#bbbbbb }

.nb2_p121  { color:#000}

.nb2_p122 span  { color:#000}

.nb2_p123 span  { color:#000}

.nb2_p124 span  { color:#000}



.fuwu_p1 { overflow:hidden; clear:both;}

.fuwu_p1 li { float:left; width:48%; text-align:center; line-height:1.5; color:#a8a8a8; border-left:1px solid #d2d2d2; }

.fuwu_p1 li:nth-child(1){border-left:none}

.fuwu_p1 .active{  color:#000; font-weight:bold; background:url(../images/shua.jpg) no-repeat center #FFF; }

.fuwu_bg1 {  background:#f8f8f8; }

.fuwu_p2 { overflow:hidden; clear:both;}

.fuwu_p2 li {margin:4% 0; padding:0 2%;}

.fuwu_bg2 {  background:#FFF; border-radius:20px;}

.fuwu_bg3 {  background:#e2e7eb; border-radius:20px; }

.fuwu_p21 { width:94%; margin:0 auto;clear:both; overflow:hidden; border-bottom:1px solid #efefef; padding:5px 0;}



.fuwu_p211 { width:15%; float:left}

.fuwu_p211 img {  border-radius:3px;}

.fuwu_p212 { width:82%; float:right;}

.fuwu_p2121 { float:left}

.fuwu_p2121 a { color:#142c62}

.fuwu_p213 {  width:15%;float:right; margin-right:1%; background:#fef4e8; border-radius:10px; padding:1% 2%; color:#faa537; text-align:center; margin-top:5%}



.fuwu_p22 { width:94%; margin:0 auto;clear:both; padding:2% 0}

.fuwu_p23 { width:94%; margin:0 auto;clear:both; padding:2% 0}

.fuwu_p22 span  { float:right; color:#ea653e}

.fuwu_p24 { width:100%; margin:0 auto;clear:both; padding:2% 0; overflow:hidden }

.fuwu_p244 { float:left; width:66%; padding-left:3%}

.fuwu_p241 { float:left; width:15%}

.fuwu_p242 { float:right; width:80%}

.fuwu_p242 a { line-height:40px;color:#2c53e4}

.fuwu_p243 { float:right; margin-right:1%; width:30%}

.fuwu_p243 a { line-height:40px; color:#2c53e4}



.wenz_p1 {clear:both;overflow:hidden;width:94%; margin:0 auto; padding:2% 0}

.wenz_bg1 {  background:#FFF; border-radius:20px;}

.wenz_p1 li {margin:4% 0; padding:0 4%;  background:#FFF; border-radius:10px;}

.wenz_p11 {  padding:2% 0; color:#9a9a9a}

.wenz_p11 a { color:#656565}

.wenz_p11 img { width:40px; height:40px; border-radius:3px;}

.wenz_p11 span{float:right;margin-right:1%; line-height:40px; } 

.wenz_p12 { width:96%; margin:0 auto;clear:both; padding:2% 0; color:#000; font-weight:bold}

.wenz_p12 a { color:#3d89ed}

.wenz_p13 { width:96%; margin:0 auto;clear:both; padding:2% 0; line-height:2}

#seeAbout{ float:right; margin-top:-30px; color:#3d89ed}



.usergoback2{ height:50px; overflow:hidden;clear:both;background:#FFF; z-index:99999; line-height:50px; }

.usergoback2 a { margin:10px 20px; display:block; float:left; width:100px; }



/* ===== retrie分类下来 ===== */

.retrie {

  position: relative;

  z-index: 102;

  height: 50px;

  background-color: #fff;

  

}

.retrie dt { overflow: hidden }

.retrie dt a {

  position: relative;

  float: left;

  width: 50%;

  height: 49px;

  line-height: 50px;

  color: #333;

  font-size: 14px;

  font-size: 16px;

  text-align: center;

}

.retrie dt a:after {

  position: absolute;

  top: 50%;

  left: 60%;

  margin-top: -4px;

  margin-left: 30px;

  width: 8px;

  height: 8px;

  border: #666 solid;

  border-width: 1px 1px 0 0;

  content: ' ';

  -webkit-transform: rotate(135deg);

}

.retrie dt .up {

  color: #007ccf;

  border-bottom: 2px solid #007ccf;

}

.retrie dt .up:after {

  margin-top: 0;

  border: #007ccf solid;

  border-width: 1px 1px 0 0;

  -webkit-transform: rotate(-45deg);

}

.retrie dt a:last-child:before {

  position: absolute;

  top: 10px;

  left: 0;

  display: block;

  width: 1px;

  height: 30px;

  background-color: #ebebeb;

  content: ' ';

}

.retrie dd { position: relative; }

/* ===== slide-area ===== */

.slide {

  position: absolute;

  top: 0px;

  left:-40px;

  z-index: 104;

  display: none; 

  width: 110%;

  overflow-y: auto;

  background-color: #fff;

}

.slide li {

  display: block;

  height: 50px;

  border-bottom: 1px solid #eee;

}

.slide li a {

  display: block;

  padding: 0 30px;

  height: 50px;

  background-color: transparent;

  line-height: 50px;

}

.slide li a:hover,

.slide li a.selected { background-color: #f6f6f6; }



.slide li a.select { background-color: #fff; }



.dq_left{ float:left; width:30%; height:450px; overflow-y:scroll}

.dq_left li{ line-height:50px; background:#f3f5f8; text-align:center; color:#acacac}

.dq_left li.active{ line-height:50px; background:url(../images/lftbg.jpg) center right no-repeat  #f3f5f8; text-align:center; color:#000}









.dq_right{ float:right; width:68%;height:450px; overflow-y:scroll}

.dqwz{ width:45%; text-align:center; line-height:2.5; margin:2% 1%;  border:1px solid #0085ff;border-radius:8px; height:40px; line-height:40px; color:#0085ff}

.recity  a { display:block; float:left; width:45%; text-align:center;background:#eef0f3; line-height:2.5; margin:2% 2%; border:1px solid #CCC;border-radius:5px; height:40px; line-height:40px; color:#9da2ab}



.u_list{ clear:both;overflow:hidden;}

.u_list li{ border-top:2px solid #f4f4f4; padding:5% 0;  clear:both;}

.u_pic { float:left; width:28%; text-align:center; line-height:2}

.u_info { float:right; width:70%;}

.u_info_p1 { color:#000}

.u_info_p1 span{ float:right; background:#f4f4f4;border-radius:15px; padding:1% 5%}

.u_info_p1 span a{ color:#3677f1 }

.u_info_p2 {}

.u_info_p3 { color:#969696; line-height:2}

.u_info_p3 span { color:#000}

.u_info_p4 a {display:block; float:left; width: auto;background:#f4f4f4;border-radius:15px; padding:1% 5%; color:#999999; margin:0 5px;}



.huibg {  background:#f8f8f8; }

.mess_p1{ position: relative;}

.inputcontent{ margin:0 auto; background:#fff; border:1px solid #fff; padding:15px; width:86%;border-radius:20px; max-width:560px;  }





.select::-ms-expand { display: none;}

.mess_p2{position: relative; margin-top:-50px; z-index:99999; padding:10px;}

.mess_p21{ background:#f3f4f6;  padding:5px 5px; width:80px;border-radius:10px; text-align:center; color:#1468cf  }

.mess_p3 { text-align:center}

.mess_p3 select{



display:block;

height:40px;

line-height:30px;

font-size:14px;

width:90%;

margin:10px auto;

padding:8px 10px;

background: url("../images/sxxz.png") no-repeat right center #fff ;

border:none;

border-radius: 10px;

 box-shadow:1px 1px 5px #EEE;

 display:inline-block;

 text-decoration: none;

}

.mess_p3 select{appearance:none;



-webkit-appearance:none;



-moz-appearance:none;



-ms-appearance:none;



-o-appearance:none;



-khtml-appearance:none;}



.mess_p4 select{



display:block;

height:40px;

line-height:30px;

font-size:14px;

width:44%;

margin:10px 10px;

padding:8px 10px;

background: url("../images/sxxz.png") no-repeat right center #fff ;

border:none;

border-radius: 10px;

 box-shadow:1px 1px 5px #EEE;

 display:inline-block;

 text-decoration: none;

}

.mess_p4 select{appearance:none;



-webkit-appearance:none;



-moz-appearance:none;



-ms-appearance:none;



-o-appearance:none;



-khtml-appearance:none;}



.mess_tt{   font-size:16px; padding:5px 15px;}

.mess_tj{ background:#D26B31; border-radius:30px; height:50px; width:94%; margin:0 auto; text-align:center; line-height:50px; color:#FFF; border:none; box-shadow:1px 1px 5px #EEE; display:inline-block; text-decoration: none; font-size:18px}



.userbg {background:url(../images/userbg.png) no-repeat center bottom;  clear:both;overflow:hidden}

.userinfo { float:left; width:100%;padding-left:2%; margin:50px auto; }

.userpic { float:left; width:60px;padding-left:1%;  }

.userxm { float:right; width:calc(100% - 80px); padding-right:1%; padding-top:2%}

.userpic img{ width:60px; height:60px; border-radius:30px; }

.userxm a { color:#FFF; font-weight:bold}

.userdengji { background:#e5b21b; height:25px; padding:0px 8px; text-align:center; color:#FFF; width:50px; font-size:14px ;border-radius:10px; }



.usercenter { overflow:hidden; width:85%; padding:10px 10px; margin:0 auto;background:#FFF;border-radius:20px; margin-top:-30px;  -webkit-box-shadow:0 0 10px #EEE; 

  -moz-box-shadow:0 0 10px #EEE; 

  box-shadow:0 0 10px #EEE; }

  

.userdd { clear:both;overflow:hidden}

.userdd li { float:left; width:33.33%; text-align:center; color:#333; line-height:2.5; }



.usermy { clear:both;overflow:hidden}

.usermy li { float:left; width:90%;   color:#000;  line-height:1.5; padding:15px; border-bottom:1px solid #CCC; font-size:16px}

.usermy li  a span{ float:right; background:#f5494b;border-radius:10px; padding:0 5px; color:#FFF}

@media (max-width:480px){

.foot li a span{ width:24px; height:24px; }

.mhj{ height:10px;}

.mhj2{ height:20px;}

.mhj5{ height:50px;}

.mhj6{ height:50px; background:#f2f2f2;}





}

@media (min-width:481px){





}