﻿/*头部*/
.f-top-wrap { width: 100%; height: 30px; line-height: 30px; background: #ffffff; }
.f-top-left { width: 70%; font-size: 12px; overflow: hidden; }
.f-lykh-list { height: 30px; line-height: 30px; left: 90px; top: 0; }
.f-lykh-list a { color: #787878; margin-right: 5px; }
.f-lykh-list a:hover { color: #318877; }
.f-top-right { height: 30px; }
.f-top-right p { font-size: 12px; color: #787878; }
.f-top-right span { display: block; font-size: 10px; color: #dbdbdb; margin-top: -20px; text-align: right; }
.f-top-right p a { color: #787878; }
.color-318877 { color: #318877; }
.color-787878 { color: #787878; }
.color-797979 { color: #797979; }
.color-505050 { color: #505050; }
/*导航*/
.nav-wrap { height: 86px; line-height: 86px; background: #318877; }
.ydd-logo { width: 84px; height: 45px; margin-top: 20px; }
.ydd-logo img { display: block; width: 100%; }
.logo-right-h1 { height: 24px; line-height: 24px; font-size: 16px; color: #ffffff; border-left: 2px solid #ffffff; margin-top: 40px; margin-left: 20px; padding-left: 20px; }
.nav-list { }
.per-nav { float: left; width: 110px; height: 86px; line-height: 86px; text-align: center; color: #fff; }
.per-nav-active { font-weight: bold; background: #81c6b8; }
.per-nav a{color: #fff;}
.sub { display: none; width: 110px; top: 116px; position: absolute; line-height: 26px; z-index: 1;}
.sub li { zoom: 1; background: #318877; }
.sub li a { width: 110px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; display: block;}
.per-nav-active .sub{display:block;}
/*底部*/
.footer-wrap { background: #318877; padding: 50px 0; }
.footer-logo { width: 125px; height: 66px; margin: 0 auto 50px; }
.footer-logo img { display: block; width: 100%; height: 100%; }
.beian-wrap { height: 27px; line-height: 27px; font-size: 12px; color: #ffffff; text-align: center; margin-top: 10px; }
.beian-wrap span { display: inline-block; padding-left: 30px; margin-right: 20px; background: url("../images/beian-icon.png") no-repeat 0 center; }
.beian-wrap a { color: #ffffff; }
.beian-wrap a:hover { text-decoration: underline; }
.footer-nav { font-size: 16px; color: #ffffff; text-align: center; margin-bottom: 40px; }
.footer-nav span { margin: 0 25px; }
.footer-nav a { color: #ffffff; }
.footer-nav a:hover { text-decoration: underline; }
/*固定底部*/
.footer-fixed-wrap { width: 100%; height: 80px; position: fixed; bottom: 0px; right: 0; z-index: 5; }
.footer-fixed-bg { height: 80px; background: rgba(0, 0, 0, .4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
}
.footer-fixed-wrap .msg { height: 38px; line-height: 38px; }
.footer-fixed-title { width: 264px; height: 107px; position: absolute; top: -23px; left: 0px; }
.footer-fixed-title img { display: block; width: 100%; }
.footer-fixed-form { height: 44px; margin-top: 20px; margin-right: 20px; }
.footer-fixed-form .msg { height: 44px; line-height: 44px; }
.footer-fixed-input-wrap { width: 180px; height: 44px; }
.footer-fixed-input-wrap input { width: 140px; height: 44px; line-height: 44px; background-color: #FFFFFF; padding: 0 20px; color: #333; font-size: 14px; border-radius: 3px; }
.footer-fixed-submit { width: 170px; height: 44px; line-height: 44px; border-radius: 3px; background: #ddbe10 url("../images/footer-fixed-btn-icon.png") no-repeat 30px center; padding-left: 34px; margin-left: 25px; font-size: 14px; color: #505050; }
.fixed-title-text { font-size: 20px; color: #ffffff; line-height: 80px; margin-left: 300px; }
.footer-fixed-close { width: 18px; height: 18px; cursor: pointer; }
.footer-fixed-close img { display: block; width: 100%; height: 100%; }
.footer-hide-btn { width: 32px; height: 80px; position: fixed; bottom: 0; left: -50px; cursor: pointer; }
.footer-hide-btn img { display: block; width: 100%; }
 .footer-fixed-input-wrap input::-webkit-input-placeholder { /* WebKit browsers */
 font-size: 12px;
 color: #505050;
 font-family: "\5FAE\8F6F\96C5\9ED1";
}
.footer-fixed-input-wrap input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 font-size: 12px;
 color: #505050;
 font-family: "\5FAE\8F6F\96C5\9ED1";
}
.footer-fixed-input-wrap input::-moz-placeholder { /* Mozilla Firefox 19+ */
 font-size: 12px;
 color: #505050;
 font-family: "\5FAE\8F6F\96C5\9ED1";
}
.footer-fixed-input-wrap input:-ms-input-placeholder { /* Internet Explorer 10+ */
 font-size: 12px;
 color: #505050;
 font-family: "\5FAE\8F6F\96C5\9ED1";
}
/*弹框*/
.layer-mask { width: 100%; height: 0; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
}
.layer-wrap { width: 628px; height: 470px; border-radius: 10px; background-color: #FFFFFF; padding-top: 28px; position: absolute; top: -1000px;/*25%;*/ left: 50%; margin-left: -314px; }
.layer-logo { width: 80px; height: 80px; position: absolute; top: -15px; right: 10px; z-index: 10; }
.layer-close { width: 40px; height: 100px; position: absolute; top: -110px; right: 30px; cursor: pointer; }
.layer-icon { width: 146px; height: 121px; position: absolute; bottom: -21px; left: -44px; }
.layer-icon img { display: block; width: 100%; height: 100%; }
.layer-title { margin: 0 auto 40px; text-align: center; }
.layer-title img { display: block; width: 349px; height: 47px; margin: 0 auto 10px; }
.layer-wrap-02 .layer-title img { width: 289px; }
.layer-wrap-03 .layer-title img { width: 495px; margin-top: 30px; }
.layer-wrap-04 .layer-title img { width: 349px; height: 66px; }
.layer-wrap-04 .layer-icon { bottom: 10px; left: -44px; }
.layer-wrap-04 .layer-icon img { width: 132px; height: 165px; }
.color-adadad { color: #adadad; }
.form-wrap { width: 460px; margin: 0 auto; }
.input-wrap { width: 460px; height: 50px; line-height: 50px; margin-top: 25px; border: 2px solid #dbdbdb; border-radius: 4px; }
.input { display: block; width: 416px; height: 50px; line-height: 50px; padding: 0 22px; font-size: 18px; color: #333; border-radius: 4px; }
.drop-down { background: url("../images/sanjiao-icon.png") no-repeat 416px 21px; cursor: pointer; }
.ypxm-list { width: 462px; height: auto; top: 50px; left: -1px; z-index: 5; background-color: #FFFFFF; filter: progid:DXImageTransform.Microsoft.Shadow(color='#eaf2ef', Direction=135, Strength=12); /*for ie6,7,8*/
-moz-box-shadow: 0px 0px 10px 2px #eaf2ef; /*firefox*/ -webkit-box-shadow: 0px 0px 10px 2px #eaf2ef; /*webkit*/ box-shadow: 2px 2px 10px 2px #eaf2ef; /*opera或ie9*/ border: 1px solid #ddd \9; padding: 10px 0; }
.per-ypxm { width: 428px; height: 39px; line-height: 39px; margin: 0 auto; border-bottom: 1px solid #eee; font-size: 14px; color: #333; padding-left: 12px; cursor: pointer; }
.per-ypxm:hover { color: #006d42; font-weight: bold; }
.per-ypxm:last-child { border-bottom: 0; }
.layer-submit { display: block; width: 236px; line-height: 58px; height: 58px; background: #318877; font-size: 18px; color: #ffffff; margin: 30px auto 0; border-radius: 10px; }
/*0元测评开店可行性*/
select { width: 216px; height: 50px; border: 2px solid #dbdbdb; border-radius: 4px; font-size: 18px; color: #282828; padding-left: 22px; padding-top: 10px; padding-bottom: 10px; }
/*一键寻求加盟支持*/
.ys-select-list { width: 474px; margin: 0 auto 32px 80px; }
.ys-per-select { width: 33%; float: left; color: #318877; cursor: pointer; }
.ys-per-select span { display: inline-block; width: 16px; height: 16px; border-radius: 2px; border: 2px solid #318877; vertical-align: sub; }
.ys-per-select span.duihao { background: #318877 url("../images/duihao.png") no-repeat center center; }
.msg { height: 58px; line-height: 55px; position: absolute; top: 0; right: 5px; font-size: 12px; color: #006d42; }
/*标题样式*/
.cpgy-title-wrap { width: 100%; height: auto; position: absolute; left: 0; top: 1500px;/*40px;*/ }
.cpgy-title-wrap .ppwh-title { margin: 10px auto 0; border-bottom: 0; }
.cpgy-title-wrap .leaf-icon { margin: 0 auto; }
.title-border { border-bottom: 2px solid #318877; }
.title-border img { display: block; width: 258px; height: 17px; margin: 0 auto -10px; }
.ppwh-title { width: 225px; text-align: center; font-size: 30px; color: #318877; font-weight: bold; padding-bottom: 10px; border-bottom: 2px solid #318877; margin-left: 10px; }
.ppwh-title b { font-weight: normal; margin: 0 11px; }
.leaf-icon { width: 46px; height: 48px; }
.leaf-icon>img { display: block; width: 100%; height: 100%; }
/*当前位置*/
.bread-nav-wrap { width: 100%; height: 60px; line-height: 60px; background: url("../images/nav-bg.jpg") no-repeat 0 0; color: #333; }
.bread-nav-wrap a { color: #333; }
.bread-nav a:hover { color: #318877; }
/*品牌资讯*/
.cpgy-ppzx-wrap { width: 100%; height: 100%; padding-top: 80px; padding-bottom: 28px; background: url("../images/cpgy-ppzx-bg.jpg") no-repeat 0 0; }
.cpgy-ppzx-left-wrap { width: 626px; height: auto; }
.jpbg-title img { width: 31px; height: 34px; vertical-align: middle; }
/*左侧表单*/
.hqzl-wrap { width: 100%; }
.hqzl-title { width: 300px; height: 55px; margin: 0 auto 30px; }
.hqzl-form-wrap { width: 540px; height: auto; margin: 58px auto 0; }
.hqzl-form-wrap select { width: 260px; height: 60px; border-color: #dcdcdc; margin-left: 0; background: #fff; color: #797979; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.hqzl-form-wrap .select-wrap { margin-top: 0px; }
.hqzl-input-wrap { width: 536px; height: 56px; background-color: #FFFFFF; border: 2px solid #dcdcdc; border-radius: 3px; margin-bottom: 18px; }
.hqzl-input-wrap .drop-down { background: url("../images/sanjiao-icon-1.png") no-repeat 500px center; }
.hqzl-input { width: 496px; height: 56px; line-height: 56px; padding: 0 20px; background: #FFFFFF; border-radius: 3px; font-size: 14px; color: #333333; }
.hqzl-layer-submit { display: block; width: 282px; height: 52px; line-height: 52px; border-radius: 10px; margin: 46px auto 0; background-color: #318877; color: #fff; font-size: 16px; }
.hqzl-input::-webkit-input-placeholder { /* WebKit browsers */
 font-size: 14px;
 color: #797979;
 font-family: "\5FAE\8F6F\96C5\9ED1";
}
.hqzl-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 font-size: 14px;
 color: #797979;
 font-family: "\5FAE\8F6F\96C5\9ED1";
}
.hqzl-input::-moz-placeholder { /* Mozilla Firefox 19+ */
 font-size: 14px;
 color: #797979;
 font-family: "\5FAE\8F6F\96C5\9ED1";
}
.hqzl-input:-ms-input-placeholder { /* Internet Explorer 10+ */
 font-size: 14px;
 color: #797979;
 font-family: "\5FAE\8F6F\96C5\9ED1";
}
.hqzl-form-wrap .ypxm-list { width: 536px; }
.hqzl-form-wrap .per-ypxm { width: 480px; }
/*右侧资讯*/
.cpgy-ppzx-right-wrap { width: 574px; height: auto; }
.border-right { padding-left: 48px; border-left: 2px dashed #90bcb3; }
.new-list { width: 512px; margin-top: 50px; }
.per-news { border-bottom: 1px dashed #e6e6e6; padding-bottom: 15px; margin-bottom: 8px; }
.per-news a:hover { color: #318877; }
.time { height: 14px; line-height: 14px; padding-left: 20px; margin-top: 10px; font-size: 12px; color: #b2b2b2; background: url("../images/time.png") no-repeat 0 center; }
.per-news:last-child { border-bottom: none; margin-bottom: 0; }
.more-zixun img { vertical-align: middle; width: 58px; height: 28px; }
/*分页*/
.pages { padding: 20px 0 30px; text-align: center; width: 100%; font-size: 14px; overflow: hidden; }
.pages li { display: inline-block; height: 35px; line-height: 34px; background: #fff; border: 2px solid #502c04; text-align: center; color: #797979; padding: 0 13px; margin-right: 5px; margin-bottom: 8px; border-radius: 4px; font-weight: bold; font-size: 14px; }
.pages a { padding: 0; color: #797979; }
.pages a:hover { color: #999; text-decoration: none }
.pages .thisclass { border: 1px solid #318877; color: #fff; background: #318877; }
.pages .thisclass a { color: #fff; }
.pages .thisclass a:hover { color: #fff; text-decoration: none }
.pages span { }
