.wh100{width: 100%;height: 100%;overflow: hidden;}
/* 品牌画像列表页 */
.pphx-page .banner{background: #111b34;text-align: center;}
.pphx-page .banner img{max-width: 100%;margin-top: 35px;width: 100%;}
.pphx-page .search-box{border-radius: 20px;box-shadow: 0 0 30px rgba(0,0,0,0.2);margin-top: -160px;position: relative;z-index: 1;}
.pphx-page .search-box .input-wra{width: 100%;padding: 50px 60px 0;height: 160px;background: rgba(0,0,0,0.5);border-top-left-radius: 20px;border-top-right-radius: 20px;border: 1px solid #4a68a2;font-size: 0;}
.pphx-page .search-box .input-wra input{display: inline-block;border-radius: 0;float: left; width: calc(100% - 240px);border: none;height: 65px;line-height: 65px;background: #fff;text-align: center;font-size: 16px;color: #333;}
.pphx-page .search-box .input-wra input::placeholder {color: #c0c0c0;}
.pphx-page .search-box .input-wra a{display: inline-block;width: 230px;height: 65px;line-height: 65px;text-align: center;font-size: 20px;color: #fff;margin-left: 10px;background: #3a73df;}
.pphx-page .search-box .search-content{padding: 25px 60px 30px;}
.pphx-page .address-wra .province .item{display: inline-block;font-size: 16px;padding: 0 17px;line-height: 44px;cursor: pointer;}
.pphx-page .address-wra .province .item.active{background: #f5f6f8;font-size: 16px;color: #3a73df;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.pphx-page .address-wra .city{width: 100%;padding: 20px 0;background: #f5f6f8;border-radius: 4px;}
.pphx-page .address-wra .city .item{display: inline-block;font-size: 16px;padding: 0 17px;line-height: 44px;cursor: pointer;}
.pphx-page .address-wra .city .item.active{color: #3a73df;}
.pphx-page .select-wra .dropdown{float: left;margin-top: 20px;margin-right: 10px;}
.pphx-page .select-wra .dropdown .btn{padding: 0 20px;height: 40px;line-height: 40px;border: none !important;background: #f5f6f8;outline: none;}
.pphx-page .selected-wra{margin-top: 24px;}
.pphx-page .selected-wra .left{width: calc(100% - 120px);float: left;line-height: 32px;}
.pphx-page .selected-wra .left .name{float: left;font-size: 16px;color: #878b92;width: 80px;line-height: 32px;}
.pphx-page .selected-wra .left .content{float: left;width: calc(100% - 80px);font-size: 0;}
.pphx-page .selected-wra .left .content span{display: inline-block;font-size: 16px;color: #3a73df;border: 1px solid #3a73df;padding: 0 16px;height: 32px;line-height: 32px;border-radius: 30px;margin-right: 10px;}
.pphx-page .selected-wra .left .content span img{margin-left: 10px;cursor: pointer;}
.pphx-page .selected-wra .right{width: 120px;text-align: right;font-size: 16px;color: #878b92;float: left;cursor: pointer;}
.pphx-page .dropdown-menu>.active>a{color: #000;}
.pphx-page .select-wra .dropdown .btn.active{background: #ecf3ff;color: #3a73df;box-shadow: none;outline: none;}
.pphx-page .select-wra .dropdown .btn.active span{color: #3a73df;}
.pphx-page .select-wra .dropdown.open>.dropdown-menu{border: none;}
.pphx-page .pphx-content{margin: 40px -8px 0;font-size: 0;}
.pphx-main{margin-bottom: 60px;}
.pphx-page .pphx-content .item{display: inline-block;width: 25%;padding: 0 8px;margin-bottom: 40px;vertical-align: top;font-size: initial;}
.pphx-page .pphx-content .box{ border-radius:20px;overflow: hidden; background: #fff;position: relative;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.pphx-page .pphx-content .box:hover{transform: translateY(-10px);}
.pphx-page .pphx-content .box .top{padding: 25px 25px 10px 30px;}
.pphx-page .pphx-content .box .top .add{color: #6ac2a8;font-size: 16px;line-height: 24px;display: inline-block; padding-left: 25px;background: url(../../images/index/icon16.png) no-repeat left center;background-size: contain; }
.pphx-page .pphx-content .box .top .attention{display: inline-block;float: right;cursor: pointer;;width: 80px;height: 32px;text-align:center;line-height: 32px;border-radius: 30px;background-color: #6ac2a8;color: #fff;font-size: 16px;}
.pphx-page .pphx-content .box .top .attention i{font-style: normal;display: inline-block;padding-left: 20px;background: url(../../images/brandindex/add.png) no-repeat left center;}
.pphx-page .pphx-content .box .top .attention.qximg{display: none;}
.pphx-page .pphx-content .box .top .attention.followed{color: #6ac2a8;background-color: #fff;}
/* .pphx-page .pphx-content .box .top .attention.followed{color: #6ac2a8;background-color: #e8f0ed;} */
.pphx-page .pphx-content .box .top .attention.followed i{background: url(../../images/index/icon36.png) no-repeat left center;}
.pphx-page .pphx-content .box .top .attention.followed .addimg{display: none;}
.pphx-page .pphx-content .box .top .attention img{margin-right: 8px;}
.pphx-page .pphx-content .box .con{padding: 0px 25px 25px 30px;}
.pphx-page .pphx-content .box .con .imgbox{width: 90px;height: 90px;border-radius: 6px;border: 3px solid #fff;box-shadow: 0px 8px 30px 0px rgba(106, 146, 134, 0.41);}
.pphx-page .pphx-content .box .con .content{margin-left: 120px;}
.pphx-page .pphx-content .box .con .title{margin-top: 4px;margin-bottom: 10px;}
.pphx-page .pphx-content .box .con .title a{font-size: 24px;font-weight: bold;color: #000;line-height: 35px;}
.pphx-page .pphx-content .box .con .title a:hover{color: #3a73df;}
.pphx-page .pphx-content .box .con .info{font-style: italic;font-size: 16px;line-height: 26px;color: #999;min-height: 52px; }
.pphx-page .pphx-content .box .btm{background: #f6f8fc;padding: 15px 25px 15px 30px; font-size: 16px;color: #a6adab;line-height: 36px;}
.pphx-page .pphx-content .box .btm span{color: #3a73df;margin-left: 20px;}
.pphx-page .pphx-content .box .hzyxbox{padding: 0px 15px 15px;}
.pphx-page .pphx-content .box .hzyx{background: #f2f0fc;position: relative;color: #a7a4bc;font-size: 16px;line-height: 30px;padding: 14px 15px;}
.pphx-page .pphx-content .box .hzyx::after{position: absolute;display: block;content: '';width: 30px;height: 30px;bottom: -29px;right: 20px;background: url(../../images/index/icon22.png) no-repeat top left; }
.pphx-page .pphx-content .box .hzyx .font{color: #796ae7;margin-left: 80px;}
.pphx-page .dropdown-menu>li>a{padding: 0 20px;height: 40px;line-height: 40px;}
/* 品牌详情页 */
.brand-detail{background: url(../../images/brandindex/bg.png) no-repeat;background-color: #fff;padding-top: 180px;background-size: 100%;}
.brand-detail .breadcrumb{background: none;border: none;font-size: 14px;}
.brand-detail .breadcrumb a,.brand-detail .breadcrumb>.active{color: #fff;}
.brand-detail .breadcrumb>li+li:before{content: '>';color: #fff;}
.brand-detail .brand-box{padding: 25px 50px 15px;border-radius: 20px;background: #ebf3fd;border: 4px solid #fff;box-shadow: 0 0 40px rgba(0,0,0,0.2);position: relative;}
.brand-detail .brand-box .share-box{width: 100%;text-align: right;}
.brand-detail .brand-box .left{width: 200px;float: left;}
.brand-detail .brand-box .right{width: calc(100% - 200px);float: left;padding-left: 53px;}
.brand-detail .brand-box .left .logo{width: 200px;height: 200px;border: 4px solid #fff;box-shadow: 0 0 40px rgba(0,0,0,0.2);border-radius: 10px;}
.brand-detail .brand-box .left .logo img{width: 100%;height: 100%;object-fit: cover;}
.brand-detail .brand-box .left .count{width: 200px;display: flex;margin-top: 36px;}
.brand-detail .brand-box .left .count .item{width: 50%;text-align: center;}
.brand-detail .brand-box .left .count .item:first-child{border-right: 1px solid #dddddd;}
.brand-detail .brand-box .left .count .item .p1{font-size: 18px;font-weight: 600;}
.brand-detail .brand-box .left .count .item .p2{font-size: 16px;color: #9198a4;}
.brand-detail .brand-box .left .leftbtn{width: 160px;height: 40px;line-height: 40px;color: #fff;background: #feb35a;border-radius: 20px;text-align: center;margin: 0 auto 15px;cursor: pointer;}
.brand-detail .brand-box .left .leftbtn img{margin-right: 15px;}
.brand-detail .brand-box .left .addbtn{margin-top: 38px;background: #6ac2a8;}
.brand-detail .brand-box .left .addbtn span{font-style: normal;display: inline-block;padding-left: 30px;background: url(../../images/brandindex/add.png) no-repeat left center;}
.brand-detail .brand-box .left .addbtn.followed{color: #6ac2a8;background-color: #e8f0ed;}
.brand-detail .brand-box .left .addbtn.followed span{background: url(../../images/index/icon36.png) no-repeat left center;}
.brand-detail .brand-box .left .info{position: absolute;bottom: 30px;left: 47px;font-size: 14px;color: #9198a4;}
.brand-detail .brand-box .right h3{font-size: 36px;font-weight: 600;margin: 8px 0 20px;}
.brand-detail .brand-box .right .tip{width: 100%;background: #3a73df;padding: 13px 25px;border-radius: 50px;font-size: 18px;color: #fff;border-top-left-radius: 0;margin-bottom: 10px}
.brand-detail .brand-box .right .item{border-bottom: 1px solid #dddddd;line-height: 32px;padding: 15px 0;}
.brand-detail .brand-box .right .item span{display: inline-block;vertical-align: top;}
.brand-detail .brand-box .right .item span.label{font-size: 16px;color: #9198a4;font-weight: normal;width: 120px;text-align: left;white-space: normal;line-height: 32px;padding: 0;padding-right: 10px;}
.brand-detail .brand-box .right .item span.con{font-size: 16px;color: 000000;font-weight: 600;width: calc(100% - 120px);}
.brand-detail .brand-box .right .middle-box{font-size: 0; border-bottom: 1px solid #dddddd;}
.brand-detail .brand-box .right .middle-box .item{width: 33.33%;display: inline-block;border: none;}
.brand-detail .brand-box .right .middle-box .item span.label{width: 120px;white-space: nowrap;}
.brand-detail .brand-box .right .middle-box .item:nth-child(3) span.con,.brand-detail .brand-box .right .middle-box .item:nth-child(6) span.con{padding-left: 30px;}
.brand-detail .brand-detail-list{padding: 45px 0 65px;}
.brand-detail .brand-tab .item{display: inline-block;font-size: 18px;color: #666666;margin-right: 62px;cursor: pointer;}
.brand-detail .brand-tab .item:last-child{margin-right: 0;}
.brand-detail .brand-tab .item.active{font-size: 30px;color: #3a73df;position: relative;}
.brand-detail .brand-tab .item.active::after{content: '';display: block;width: 10px;height: 10px;border: 2px solid #3a73df;position: absolute;top: -6px;right: -19px;border-radius: 50%;}
.brand-detail .brand-tab-content{margin: 30px -7.5px 0;font-size: 0;}
.brand-detail .brand-tab-content .item{display: inline-block;width: 25%;padding: 0 7.5px;margin-bottom: 20px;vertical-align: top;}
.brand-detail .brand-tab-content .item .con{background: #f8f8f8;padding: 30px 30px 17px;height: 320px;}
.brand-detail .brand-tab-content .item .con .logo{width: 100%;height: 178px;}
.brand-detail .brand-tab-content .item .con .logo img{width: 100%;height: 100%;object-fit: cover;}
.brand-detail .brand-tab-content .item .con .datewra{position: relative;}
.brand-detail .brand-tab-content .item .con .date{width: 70px;height: 32px;line-height: 32px;background: #020f27;font-size: 14px;color: #fff;text-align: center;position: absolute;bottom: -17px;}
.brand-detail .brand-tab-content .item .con  .datewra.nologo .date{position: initial;}
.brand-detail .brand-tab-content .item .con h4{margin-top: 25px;font-size: 18px;line-height: 30px;color: #000;height: 60px;}
.brand-detail .brand-tab-content .item .con .info{font-size: 16px;line-height: 30px;color: #999999;}
.brand-detail .gxdj{font-size: 0;padding-top: 30px;}
.brand-detail .gxdj ._row{margin-left: -8px;margin-right: -8px;}
.brand-detail .gxdj .col-md-6,.brand-detail .gxdj .col-sm-12{padding: 0;}
.brand-detail .gxdj .item{padding: 0 8px;}
.brand-detail .gxdj .item .item-con{background: #f8f8f8;border-radius: 8px;padding: 30px 80px 30px 25px;margin-bottom: 20px;min-height: 300px;height: auto;}
.brand-detail .gxdj .tit{display: inline-block;width: 100px;height: 100px;background: #fff;font-size: 16px;font-weight: bold;padding: 0 12px;position: relative;vertical-align: top;background: url(../../images/brandindex/hz_titbg.png) no-repeat;background-size: 100%;}
.brand-detail .gxdj .tit .name{width: 64px;position: absolute;top: 50%;left: 50%;margin-left: -28px;transform: translateY(calc(-50% - 4px));color: #fff;}
.brand-detail .gxdj .con{display: inline-block;width: calc(100% - 100px);vertical-align: top;padding-left: 35px;}
.brand-detail .gxdj .con .tip {font-size: 16px;color: #8e8e8e;margin-top: 12px;}
.brand-detail .gxdj .con .info{font-size: 16px;line-height: 30px;color: #000000;margin-top: 15px;}
.ppfrom-box .alert-box .alert-content{width: 500px;height: 400px;max-width: 90%;margin-left: 0;margin-top: 0px;transform: translate(-50%, -50%);}
.ppfrom-box .alert-box .alert-content .alert-title{font-size: 18px;text-align: center;height: 40px;line-height: 40px;}
.ppfrom-box .alert-box .alert-content .alert-header{height: 40px;line-height: 40px;}
.ppfrom-box .alert-box .alert-content .alert-body{height: calc(100% - 100px);}
.ppfrom-box .alert-box .alert-content .alert-body textarea{height: 100px;resize: none}
.ppfrom-box .alert-box .alert-content .alert-body input{display: block;width: 100%;height: 50px;line-height: 50px;border: 1px solid #ccc;border-radius: 4px;margin-top: 30px;font-size: 14px;padding: 6px 14px;}
.ppfrom-box .xywra {font-size: 14px;margin-top: 50px;color: #666;}
.ppfrom-box .checkspan{display: inline-block;width: 17px;height: 17px;border: 1px solid #ccc;border-radius: 16px;vertical-align: middle;margin-right: 10px;cursor: pointer;position: relative;}
.ppfrom-box .xywra .checkspan.active::before{content: "";display: block;width: 10px;height: 10px;background: #4887ff;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-left: -5px;margin-top: -5px;}
/* 登录 */
.login-page .logo{margin-top: 40px;display: block;}
.login-page .form-wra{margin-top: 14.5vh;}
.login-page .form-horizontal .form-group{margin-left: 0;margin-right: 0;}
.member-loginbg{width: 100%;height: 100%;background: url(../../images/member/bg.png) no-repeat;background-size: cover;}
.login-page .nav-tabs{border: none;}
.login-page .nav-tabs>li>a{text-align: center;font-size: 25px;color: rgba(255,255,255,0.6);background: none !important;border: none !important;}
.login-page .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color: #fff;font-size: 30px;background: none;border: none;}
.login-page .input-item{background: #fff;width: 100%;height: 60px;border-radius: 6px;overflow: hidden;}
.login-page .input-item label{width: 48px;height: 60px;line-height: 60px;background: url(../../images/member/user.png) no-repeat;background-position: center;padding: 0;vertical-align: middle;margin: 0;}
.login-page .input-item input{display: inline-block;width: calc(100% - 55px);height: 60px;line-height: 60px;vertical-align: middle;border: none;padding-left: 0;font-size: 16px;}
.login-page .input-item input.form-control:focus{box-shadow: none;}
.login-page .input-item.getcode-wra input{width: calc(100% - 150px);}
.login-page .input-item.getcode-wra .getcode-btn{line-height: 60px;font-size: 16px;color: #4887ff;vertical-align: middle;}
.login-page .input-item label.active{background: url(../../images/member/user_active.png) no-repeat;background-position: center;}
.login-page .input-item label.password-label{background: url(../../images/member/password.png) no-repeat;background-position: center;}
.login-page .input-item label.password-label.active{background: url(../../images/member/password_active.png) no-repeat;background-position: center;}
.login-page .input-item label.phone-label{background: url(../../images/member/phone.png) no-repeat;background-position: center;}
.login-page .input-item label.phone-label.active{background: url(../../images/member/phone_active.png) no-repeat;background-position: center;}
.login-page .input-item label.phonecode-label{background: url(../../images/member/code.png) no-repeat;background-position: center;}
.login-page .input-item label.phonecode-label.active{background: url(../../images/member/code_active.png) no-repeat;background-position: center;}
.login-page .nopassword{margin-top: 20px;}
.login-page .nopassword a{font-size: 16px;color: #fff;}
.login-page .xywra{text-align: center;color: #fff;font-size: 16px;margin-top: 30px;}
.login-page .xywra .checkspan{display: inline-block;width: 17px;height: 17px;border: 1px solid #fff;border-radius: 16px;vertical-align: middle;margin-right: 10px;cursor: pointer;position: relative;}
.login-page .xywra .checkspan.active::before{content: "";display: block;width: 10px;height: 10px;background: #4887ff;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-left: -5px;margin-top: -5px;}
.login-page .xywra a{color: #71a2ff;margin-left: 8px;}
.login-page .btn{width: 100%;height: 60px;line-height: 60px;border-radius: 6px;background: #4887ff;padding: 0;margin: 0;margin-top: 36px;}
.noaccount{color: #fff;font-size: 16px;margin-top: 60px;}
.noaccount a{color: #fff;text-decoration: underline;}
.login-copyright{position: fixed;width: 100%;bottom: 25px;text-align:center;color: #666666;}
#aliyunCaptcha-sliding-wrapper #aliyunCaptcha-sliding-body{border-radius: 6px !important;}
/* 注册 */
.register .nav-tabs>li>a{text-align: left;padding-left: 0;}
.register .form-horizontal{font-size: 0;margin-left: -10px;margin-right: -10px;text-align: center;}
.register .form-horizontal .form-group{display: inline-block;width: 50%;vertical-align: top;font-size: initial;padding: 0 10px;margin-bottom: 0;}
.register .form-horizontal .form-group.w100{width: 100%;}
.login-page .input-item{text-align: left;}
.forget-page .nav-tabs>li>a{text-align: left;padding-left: 0;}
/* 登录引导页 */
.loginselect-page{width: 100%;height: 100%;background: url(../../images/member/login_selectbg.png) no-repeat;background-size: cover;}
.loginselect-page .logo{margin-top: 40px;display: block;}
.loginselect-con{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.loginselect-con .item{display: inline-block;position: relative;padding: 0 80px;vertical-align: top;}
.loginselect-con .item.top78{margin-top: 78px;}
.loginselect-con .item img{position: relative;z-index: 1;}
.loginselect-con .item.boxshow::after{content: '';display: block;width: 446px;height: 740px;background: url(../../images/member/shadow1.png) no-repeat;background-size: 100%;position: absolute;top: -60px;right: 40px;}
.loginselect-con .qhbtn{position: absolute;right: 0;bottom: 12px;}
.registersele-page .item.boxshow::after{background: url(../../images/member/shadow2.png) no-repeat;background-size: 100%;position: absolute;top: -60px;right: 0px;}
.registersele-page .register-tip{color: #9979ff;margin-bottom: 20px;font-size: 18px;}
/* 申请成为机构 */
.organization-page .yearstep-tip{width: 100%;background-color: rgba(249, 215, 217, 1);padding: 10px 30px;border-radius: 6px;color: red;}
.organization-page .form-group{margin-bottom: 30px;}
.organization-page .form-control{width: 452px;height: 50px;line-height: 50px;border: 1px solid #e5e5e5;border-radius: 0;}
.organization-page .form-horizontal .control-label{height: 50px;line-height: 50px;font-size: 16px;color: #666;font-weight: 400;padding-right: 30px;}
.organization-page .upitem{display: inline-block;width: 210px;height: 140px;margin-right: 32px;}
.organization-page .upitem img{width: 100%;height: 100%;object-fit: cover;cursor: pointer;}
.organization-page .upitem p{font-size: 16px;color: #9198a4;text-align: center;margin-top: 8px;margin-bottom: 0;}
.organization-page .ppitem{display: inline-block;min-width: 220px;height: 50px;line-height: 50px;margin-right: 10px;margin-bottom:10px;border: 1px solid #e5e5e5;font-size: 16px;color: #242424;padding-left: 40px;padding-right: 20px;background-image: url(../../images/member/o-select.png);background-repeat: no-repeat;background-position: 12px center;cursor: pointer;}
.organization-page .ppitem.active{background-image: url(../../images/member/o-select-active.png);}
.organization-page .org-qxbtn,.organization-page .org-qdbtn{display: inline-block;width: 160px;height: 45px;line-height: 45px;padding: 0;font-size: 16px;border-radius: 50px;color: #929292;background: #f1f1f1;vertical-align: middle;margin-top: 30px;}
.organization-page .org-qdbtn{background:#3a73df;box-shadow: 0 10px 15px rgba(52,102,197,.4);}
/* 我的留言 */
.message-page .listbox .logo{display: inline-block;width: 24px;height: 24px;object-fit: cover;margin-right: 10px;}
.message-page .title span{font-size: 16px;color: #666666;}
.message-page .listbox .info{font-size: 16px;color: #666666;max-height: 92px;}
.message-page .listbox .item{cursor: pointer;height: 270px;}
.message-page.favorites-page .listbox .item:hover .ellipsis4{-webkit-line-clamp: 4;}
.message-box.ppfrom-box .alert-box .alert-content{height: 460px;border-radius: 0;background-image: url(../../images/member/lybg.png);background-repeat: no-repeat;background-size: 100%;    position: absolute;left: 50%;top: 50%;}
.message-box.ppfrom-box .mess-close{position: absolute;right: 10px;top: 10px;cursor: pointer;}
.message-box.ppfrom-box .item{padding: 40px;height: 460px;display: flex;flex-direction: column;justify-content: space-between;}
.message-box.ppfrom-box .info{min-height: 170px;font-size: 16px;color: #000000;max-height: 300px;overflow-y: auto;}
.message-box.ppfrom-box .logo{width: 40px;height: 40px;object-fit: cover;}
.message-box.ppfrom-box .title span{font-size: 18px;color: #242424;}
.message-box.ppfrom-box .alertaddTime{font-size: 16px;color: #999999;}
@media ( max-height : 800px){
  .login-page .form-wra{margin-top: 12vh;}
  .login-page .input-item,.login-page .input-item input,.login-page .btn,.login-page .input-item label,.login-page .input-item.getcode-wra .getcode-btn{height: 50px;line-height: 50px;}
  .noaccount{margin-top: 20px;}
  .member-loginbg{background-position: 0 -70px;}
  .loginselect-con .item img{max-height: 450px;}
  .registersele-page .item.boxshow::after,.loginselect-con .item.boxshow::after{background-size: 76%;}
  .registersele-page .item.boxshow::after{right: -20px;}
  .loginselect-con .item.boxshow::after{right: -40px;}
}
@media ( max-height : 700px){
  .login-page .form-wra{margin-top: 12vh;}
  .login-page .input-item,.login-page .input-item input,.login-page .btn,.login-page .input-item label,.login-page .input-item.getcode-wra .getcode-btn{height: 45px;line-height: 45px;}
  .noaccount{margin-top: 15px;}
  .member-loginbg{background-position: 0 -70px;}
  .login-page .form-group{margin-top: 15px;}
  .login-page .btn{margin-top: 0;}
}
@media ( min-width : 1230px) {
}
@media ( min-width : 1450px) {
}


@media ( max-width : 1600px) {
  .pphx-page .pphx-content .box .top{padding: 20px 15px 10px 20px;}
  .pphx-page .pphx-content .box .con{padding: 0px 15px 15px 15px;}
  .pphx-page .pphx-content .box .btm{padding: 15px;}
  .pphx-page .pphx-content .box .con .imgbox{width: 85px;height: 85px;}
  .pphx-page .pphx-content .box .con .content{margin-left: 100px;}
  .pphx-page .pphx-content .box .con .title a{font-size: 20px;}
}

@media ( max-width : 1450px) {
 

}
@media ( max-width : 1200px) {
  /* 品牌画像列表页 */
  .pphx-page .banner img{min-height: 350px;object-fit: cover;}
  .pphx-page .pphx-content .item{width: 33.33%;}
  /* 品牌详情页 */
  .brand-detail .brand-box .left,.brand-detail .brand-box .right{width: 100%;}
  .brand-detail .brand-box .left .logo,.brand-detail .brand-box .left .count{margin-left: auto;margin-right: auto;}
  .brand-detail .brand-box .right{padding-bottom: 50px;padding-left: 0;}
  .brand-detail .brand-box .right .middle-box .item:nth-child(3) span.con, .brand-detail .brand-box .right .middle-box .item:nth-child(6) span.con{padding-left: 0;}
  /* 登录引导页 */
  .loginselect-con{padding-right: 174px;}
  .loginselect-con .item{max-width: 49%;}
  .loginselect-con .item img{max-width: 100%;}
  .loginselect-con .item{padding: 0 40px;}
  .loginselect-con .item.boxshow::after{width: 100%;height: 100%;top: 0;right: 0;background-size: contain;}
  .loginselect-con .qhbtn{width: 120px;}
  .loginselect-con .qhbtn img{max-width: 100%;}
}
@media ( max-width : 992px) {
  /* 品牌画像列表页 */
  .pphx-page .search-box .input-wra,.pphx-page .search-box .search-content{padding-left: 30px;padding-right: 30px;}
  .pphx-page .pphx-content .item{width: 50%;}
  /* 品牌详情页 */
  .brand-detail .brand-box .right .middle-box .item span.label{width: 130px;white-space: initial;}
  .brand-detail .brand-box .right .item span.con{width: calc(100% - 130px);}
  .brand-detail .brand-box .right .middle-box .item{width: 100%;}
  .brand-detail .brand-tab-content .item{width: 100%;}
  .brand-detail .brand-box .right .middle-box{border: none;}
  .brand-detail .brand-box .right .middle-box .item{ border-bottom: 1px solid #dddddd;}  
  .organization-page .upitem p{margin-bottom: 10px;}
  .organization-page .upitem:last-child{margin-top: 15px;}
  .brand-detail .gxdj .item .item-con{height: auto;}
}
@media ( max-width : 768px) {
  .loginselect-con{width: 100%;padding: 0;}
  .loginselect-con .item.top78 { margin-top: 0px;}
  .loginselect-con .qhbtn{position: relative;}
}
@media ( max-width : 640px) {
  
}
@media ( max-width : 540px) {
  /* 品牌画像列表页 */
  .pphx-page .banner img{margin-top: 0;}
  .pphx-page .banner img{min-height: 200px;}
  .pphx-page .search-box .input-wra{padding: 15px;height: 72px;}
  .pphx-page .search-box .search-content{padding: 15px;}
  .pphx-page .search-box .input-wra a{width: 80px;font-size: 16px;height: 40px;line-height: 40px;}
  .pphx-page .search-box .input-wra input{width:calc(100% - 90px);height: 40px;line-height: 40px;}
  .pphx-page .search-box{margin-top: -72px;}
  .pphx-page .address-wra .province .item,.pphx-page .address-wra .city .item{font-size: 14px;}
  .pphx-page .select-wra .dropdown{margin-top: 15px;}
  .pphx-page .select-wra .dropdown .btn{padding: 0 15px;}
  .pphx-page .selected-wra .left,.pphx-page .selected-wra .right{width: 100%;float: none;}
  .pphx-page .selected-wra .left .content span{font-size: 14px;}
  .pphx-page .pphx-content .item{width: 100%;}
  .pphx-page .address-wra .province{white-space: nowrap;overflow-x: auto;}
  .pphx-page .address-wra .province::-webkit-scrollbar {width: 0;height: 0;}
  /* 品牌详情页 */
  .brand-detail{padding-top: 110px;}
  .brand-detail .brand-box{padding: 20px;}
  .brand-detail .brand-box .share-box{margin-bottom: 15px;}
  .brand-detail .brand-box .left .addbtn,.brand-detail .brand-box .left .count{margin-top: 20px;}
  .brand-detail .brand-box .right h3{margin-top: 15px;font-size: 30px;}
  .brand-detail .brand-box .right .tip{font-size: 16px;}
  .brand-detail .brand-box .right .middle-box .item{width: 100%;}
  .brand-detail .brand-box .right .middle-box .item span.label,.brand-detail .brand-box .right .item span.label{white-space: normal;width: 110px;}
  .brand-detail .brand-box .right .item span.con{width: calc(100% - 110px);}
  .brand-detail .brand-box .left .info{left: 20px;}
  .brand-detail .brand-tab{white-space: nowrap;overflow-x: auto;padding-top: 30px;position: relative;z-index: 1;}
  .brand-detail .brand-tab::-webkit-scrollbar{width: 0;height: 0;}
  .brand-detail .brand-tab .item.active{font-size: 24px;}
  .brand-detail .brand-tab .item{margin-right: 30px;}
  .brand-detail .brand-detail-list{padding-top: 15px;}
  .brand-detail .brand-tab-content .item{width: 100%;}
  /* 登录 */
  .login-page .logo{margin-top: 13px;}
  .member-loginbg{padding-top: 0;}
  .login-page .logo{width: 60%;}
  .login-page .logo img{max-width: 100%;}
  .login-page .form-wra {margin-top: 60px;margin-left: 0;margin-right: 0;}
  .login-page .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{font-size: 28px;}
  .login-page .nav-tabs>li>a{font-size: 22px;}
  .login-copyright{padding: 0 15px;}
  .login-page .btn{margin-top: 10px;}
  .noaccount{margin-top: 15px;}
  .login-page .input-item,.login-page .input-item label.password-label,.login-page .input-item input,.login-page .btn,.login-page .btn,.login-page .input-item label,.login-page .input-item.getcode-wra .getcode-btn{height: 50px;line-height: 50px;}
  .login-page .xywra{margin-top: 15px;}
  .login-page .nopassword{margin-top: 10px;}
  /* 注册 */
  .register .form-horizontal .form-group{width: 100%;}
  .login-page .m-t-lg{margin-top: 15px;}
  .register .form-wra{padding: 0 30px;}
  /* 选择页 */
  .loginselect-page .logo{width: 60%;}
  .loginselect-page .logo img{max-width: 100%;}
  .loginselect-page{padding-top: 0;}
  .loginselect-con .item{padding: 0 15px;}
  .loginselect-con .item.boxshow::after{top: 34px;right: 10px;}
  .registersele-page .item.boxshow::after{top: 34px;right: -10px;}
  /* 机构 */
  .organization-page .form-horizontal .control-label,.organization-page .form-control{width: 100%;}
  .organization-page .cardwra{text-align: center;}
  .organization-page .upitem{margin-right: 0;}
  .message-box.ppfrom-box .item{padding: 20px;}
  .member-loginbg {background-position: 0;}
  .login-copyright{font-size: 12px;bottom: 10px;}
}
@media ( max-width : 376px) {
  .login-page .input-item,.login-page .input-item label,.login-page .input-item input,.login-page .input-item.getcode-wra .getcode-btn,.login-page .btn{height: 40px;line-height: 40px;}
  .login-page .input-item label{background-size: 30% !important;}
  .login-page .btn,.login-page .xywra,.noaccount{margin-top: 15px;}
  .login-page .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{font-size: 24px;}
}