﻿
html .layui-layer-resInput { border-radius: 5px; }
html .layui-layer-resInput .layui-layer-setwin .layui-layer-close2 { width: 40px; height: 40px; background-position: 0; right: -15px; top: -15px; border-top-right-radius: 5px; }
html .layui-layer-resInput .layui-layer-ico { background: url(/img/resInputClose.png) no-repeat center; }
.slid-float-c { display: none; }
.slid-float-c .resInput { padding: 35px 20px 0; }
.slid-float-c .resInput input[type="text"] { margin-bottom: 15px; background: #fff; border: 1px solid #b5b5b5; width: 474px; height: 50px; border-radius: 5px; line-height: 50px; text-indent: 10px; font-size: 16px; color: #b2b2b2; }
.slid-float-c .resInput h3 { font-size: 18px; color: #333; margin-bottom: 5px; font-weight: bold; }
.slid-float-c .resInput a { display: block; width: 474px; height: 50px; border-radius: 5px; background: #384395; font-size: 18px; color: #fff; line-height: 50px; text-align: center; }

.bshare-custom > a { padding: 0; margin: 0; }
.slid-float > a.icon5 { background-image: url(/img/slid-float-icon5.png); background-color: #ff8a00; }
.slid-float > a.icon5:hover { background-color: #ff8a00; transition: all .5s; }
.slid-float > a.icon5 > span { background-color: #ff8a00; width: 80px; }
.slid-float .icon { width: 50px; height: 50px; display: block; position: relative; background: #333 url(/img/share/share-icon.png) no-repeat center; margin-bottom: 2px; background-position: center center; background-repeat: no-repeat; transition: all .5s; }
.slid-float .icon div { width: 163px; height: 50px; line-height: 59px; z-index: -10; position: absolute; top: 0; right: -122px; opacity: 0; filter: alpha(opacity=0); background: #364270; }
.slid-float .icon div > a { display: inline-block; width: 20px; height: 19px; }
.slid-float .icon div .wx { margin: 14px 18px 0 20px; background: url(/img/share/weixin-iconh.png) no-repeat center; }
.slid-float .icon div .sina { margin: 14px 18px 0 0; background: url(/img/share/sina-iconh.png) no-repeat center; }
.slid-float .icon div .qq { margin: 14px 15px 0 0; background: url(/img/share/qq-iconh.png) no-repeat center; }
.slid-float .icon div .zone { margin: 14px -1px 0 0; background: url(/img/share/space-iconh.png) no-repeat center; }
.slid-float .icon:hover { background: #364270 url(/img/share/share-icon.png) no-repeat center; transition: all .5s; }
.slid-float .icon:hover div { right: 50px; transition: all .3s; opacity: 1; filter: alpha(opacity=100); z-index: 10; }

    html .layui-layer-resInput { border-radius: 5px; }
    html .layui-layer-resInput .layui-layer-setwin .layui-layer-close2 { width: 40px; height: 40px; background-position: 0; right: -15px; top: -15px; border-top-right-radius: 5px; }
    html .layui-layer-resInput .layui-layer-ico { background: url(/img/resInputClose.png) no-repeat center; }
    .slid-float-c { display: none; }
    .slid-float-c .resInput { padding: 35px 20px 0; }
    .slid-float-c .resInput input[type="text"] { margin-bottom: 15px; background: #fff; border: 1px solid #b5b5b5; width: 474px; height: 50px; border-radius: 5px; line-height: 50px; text-indent: 10px; font-size: 16px; color: #b2b2b2; }
    .slid-float-c .resInput h3 { font-size: 18px; color: #333; margin-bottom: 5px; font-weight: bold; }
    .slid-float-c .resInput a { display: block; width: 474px; height: 50px; border-radius: 5px; background: #384395; font-size: 18px; color: #fff; line-height: 50px; text-align: center; }
    .slid-float-c .resInput textarea { background: #fff; border: 1px solid #b5b5b5; width: 454px; line-height: 22px; padding: 10px; height: 50px; border-radius: 5px; font-size: 16px; color: #b2b2b2; margin-bottom: 15px;}

    .slid-float > a.icon5 { background-image: url(/img/slid-float-icon5.png); background-color: #ff8a00; }
    .slid-float > a.icon5:hover { background-color: #ff8a00; transition: all .5s; }
    .slid-float > a.icon5 > span { background-color: #ff8a00; width: 80px; }

    .slid-float-c2 { display: none; }
    .slid-float-c2 p { text-align: center; font-size: 18px; color: #333; padding-top: 85px; }
    .slid-float-c2 p img { width: 5%; margin-right: 15px; }

    .redetail { width: 100%; text-align: center; margin-bottom: 24px; }
    .redetailH3 { width: 100px; margin: 40px auto 20px; padding-top: 90px; color: #262833; font-size: 16px; font-weight: bold; background: url(/img/project/re-icon.png) center top no-repeat; display: block; position: relative; z-index: 9; text-align: center; }
    .redetail .redf { border-bottom: 1px solid #ededef; border-top: 1px solid #ededef; padding-top: 40px; overflow: hidden; margin: 0 auto; width: 1200px; }
    .redetail .redf ul { overflow: hidden; padding-bottom: 20px; width: 1300px; }
    .redetail .redf li { float: left; border-right: 1px solid #ededef; margin-right: 30px; padding-right: 20px; }
    .redf li.li-last em { width: 159px; }
    .redf li p { color: #333; font-size: 13px; text-align: left; overflow: hidden; margin-bottom: 20px; }
    .redf li em { color: #999; float: right; width: 210px; }
    .redetail .redf > p { text-align: right; color: #262833; font-size: 13px; line-height: 46px; }
    .attent a.Title { background: #343a40 url(/img/title.png) no-repeat center 0; transition: .5s cubic-bezier(.3,0,0,1); }
    .attent a.Title:hover { background: #fff url(/img/title.png) no-repeat center -35px; transition: .5s cubic-bezier(.3,0,0,1); }
