pfhwyigou/frontend/web/css/investhot/public.css

@charset "utf-8";
/*css reset*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td{margin:0; padding:0;}
html{overflow-x:hidden;}
body{*overflow-x:hidden;}
body{font-family:"微软雅黑",Arial,Verdana, Geneva, sans-serif; font-size:12px; line-height:1.3;}
table{border-collapse: collapse;border-spacing:0;}
img{vertical-align:top;border:0;}
ol,ul{list-style:none;margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;margin:0; padding:0;color:#333;}
a:hover{text-decoration:none;}
i,em{ font-style: normal;}
input{outline:none}
button,input[type="submit"],input[type="reset"],input[type="button"]{cursor:pointer; outline: none;}
select,input,textarea{font-size:12px;}
small{font-size:12px;}
/*定位*/
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.c{display:block; zoom:1;}
.c:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}

/*公共样式*/
.puic_wid{ width: 1200px; margin: 0 auto;}
.puic_color{background: #fff;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}

/*公共导航*/

/*导航*/
.y_puicdh_c{ background: #fff; height: 60px;}
.y_puicdh_cmain {position:relative;}
.y_puicdhleft{height:60px;line-height:60px;}
.y_puicdhleft .y_logo{width: 135px; height:auto;position:relative;top:5px;}
.y_puicdhleft .y_logo img{display:block;width: 100%; height:auto;}




.y_puicdhleft .y_dhqy{  position: relative;}
.y_dhqynone{display: none; border: 1px solid #626262; width: 300px; background: rgba(0,0,0,0.75); position: absolute; left: 15px; top: 42px; z-index: 5; border-radius:5px; }
.y_dhqynone a{ color: #666; display: block; width: 99px; float: left; height: 38px; line-height: 38px;text-align: center; font-size: 16px; color: #fff; border-bottom: 1px solid #626262;border-right: 1px solid #626262;}
.y_dhqynone a:hover{background: #e9333c;}
.y_dhqynone a:nth-child(3n){ border-right: none;}
.y_dhqynone a:last-child{ border-bottom: none;}

.y_puicdhcent{ position: absolute;right:0;top:0; height: 60px;}
.y_puicdhcent > ul {display:inline-block; margin: 0;}
.y_puicdhcent > ul>li{float: left; height: 60px;}
.y_puicdhcent > ul>li a{display: inline-block; font-size: 16px; color: #333; margin:0 15px; height: 56px; line-height: 60px;}
.y_puicdhcent > ul>li.on a{color:#E03700;border-bottom:4px solid #E03700;}
.y_puicdhcent > ul>li:hover a{color:#E03700;border-bottom:4px solid #E03700;}
.y_puicdhcent .area { display:inline-block;float:right;height:60px;line-height:60px;position:relative;width:140px;text-align:center;}
.y_puicdhcent .area img {display:inline-block;width:22px;height:14px;vertical-align:middle;margin-right:8px;}
.y_puicdhcent .area a {font-size:14px;color:#666;}


.y_puicdhcent .area a i{ width: 16px; height: 10px; display: inline-block; position: relative; left: 8px; top: 0px;}
.y_puicdhcent .area a i img{ width: 100%; height: 100%;}




.option {position:absolute;z-index:999999;background:#fff;width:100%;margin-top:0px;display:none;}
.option ul li {text-align:center;height:40px;line-height:40px;padding:0 10px;}
.option ul li:hover {background:#ccc;color:red;}



.y_puicdhright_inpu{ float: left; background: #fff; border-radius: 17px; width: 182px; height: 35px; position: relative; top: 7px;}
.y_puicdhright_inpu .y_inputtext{ width: 130px; height: 31px; display: inline-block; line-height: 30px; margin-left: 13px; border: none; font-size: 14px; color: #666; position: relative; top: 2px;}
.y_puicdhright_inpu .y_sous{ width: 23px; height: auto;display: inline-block; position: relative; top: -2px;}
.y_puicdhright_inpu .y_sous img{ width: 100%; height: auto;}
.y_puicdhmap{ float: left; text-align: center; position: relative; top: 7px; margin-left: 14px;}
.y_puicdhmap a{font-size: 14px;color: #fff; display:inline-block; background: #FF5849; width: 104px; height: 35px; line-height: 35px; border-radius: 17px;}
.y_puicdhmap a i{display: inline-block; width: 16px; height: 16px; margin-right: 5px; position: relative; top: 8px;}
.y_puicdhmap a i img{width: 100%; height: 100%;}

.y_puicdhcent_rig a{ font-size: 14px; color: #fff; position: relative; top: 15px; display: inline-block;}
.y_puicdhcent_rig a i{ display: inline-block; margin-right: 5px; }
.y_puicdhcent_rig a i img{ width: 100%; height: auto; }
.y_puicdhcent_rig a:nth-child(1){ margin-right: 20px;}
.y_puicdhcent_rig a:nth-child(1) i{width: 12px; height: auto;}
.y_puicdhcent_rig a:nth-child(2) i{width: 20px; height: auto;}
.y_puicdhcent_rig a:hover{ text-decoration: underline; color: #e9333c;}
/*公共底部*/
.y_footmzsm{ padding: 30px 0 23px 0;}
.y_footmzsm p{ font-size: 14px; color: #8a7070;  line-height: 25px;}
.y_footer{ background: #333;}
.y_footer_top{padding-top: 38px;}
.y_footer_ul1{ float: left; margin-right: 40px;}
.y_footgj_h{ font-size: 16px;color: #fff;}
.y_footer_ul1 ul.y_ul{ margin-top: 22px;}
.y_footer_ul1 ul.y_ul li{ height: 35px; line-height: 35px;}
.y_footer_ul1 ul.y_ul li a{ font-size: 12px; color: #B3B3B4;}
.y_footer_ul2 ul.y_ul{ width: 220px;}
.y_footer_ul2 ul.y_ul li{ float: left;margin-right:20px;}
.y_footer_ul3 ul.y_ul{ width: 180px;}
.y_footer_ul3 ul.y_ul li{ float: left;margin-right:20px;}

.y_footer_bottom{ border-top: 1px solid #44494B; margin-top: 0px; padding-top: 30px;}
.y_footer_text p{ font-size: 12px; color: #B3B3B4; height: 28px; line-height: 28px;}
.y_footer_tu{ margin-top: 20px;}
.y_footer_tu a{display: inline-block; margin-right: 10px;}
.y_footer_botright{ position: relative; top: 22px;}
.y_footer_botewm{ width: 105px; text-align: center; margin-left: 20px;}
.y_footer_botewm p.y_img{width: 91px; height: 91px; position: relative; left: 6px;}
.y_footer_botewm p.y_img img{width: 100%; height: 100%;}
.y_footer_botewm p.y_text{ font-size: 14px; color:#B3B3B4; margin-top: 10px; text-align: center;}
.y_footer_botewm p.y_guanzhu a{ font-size: 14px; color:#fff; margin-top: 5px; text-align: center; background: #FF5849; width: 42px; height: 20px; line-height: 20px; text-align: center; border-radius: 5px; display: inline-block;}

.y_close{ position: absolute; right: -15px; top: -15px;z-index: 13; width: 35px; height: 35px; background: #b0afaf; border-radius: 30px; display: inline-block;}
.y_close img{width: 17px; height: 17px; position: relative; top: 50%; left: 50%; margin-left: -8.5px; margin-top: -8.5px;
	transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.y_close:hover{ background-color: #E03700;}
.y_close:hover img{
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}