/*公共样式S*/ *{font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, STHeiti, sans-serif;} .conBox{max-width: 1200px; margin: 0 auto; padding: 0 20px;} .cl{clear:both;height:0;overflow:hidden;} .fl{float: left;} .fr{float: right;} body{font-size: 12px;} /*公共样式E*/ /*导航S*/ #nav{width:100%; position: fixed; top:0; left:0; z-index:5; height: 86px; border-bottom: 1px solid #4e506b; background: url(../images/navBG.jpg) no-repeat top center;} #nav .logo{padding: 20px 0;} #nav .logo a,#nav .logo img{display: block; width:156px; height: 46px;} #nav .navRightW .navLi{float: left;} #nav .navRightW .navLi li{float: left; margin-left: 50px;} #nav .navRightW .navLi li a{display: block; line-height: 85px; font-size: 20px; color: #ffffff;} #nav .navRightW .navLi li.cur a,#nav .navRightW li a:hover{border-bottom: 2px solid #ffffff;} #fixBox{height: 87px;} @media only screen and (max-width: 895px){ .conBox{padding: 0 0.3rem;} #nav{background: url(../images/navBGM.jpg) no-repeat top center; background-size: 100% 100%; height: 0.86rem;} #nav .logo{padding: 0.17rem 0;} #nav .logo a,#nav .logo img{display: block; width: 1.75rem; height: 0.52rem;} #nav .navRightW .navLi li{margin-left:0.4rem;} #nav .navRightW .navLi li span{display: none;} #nav .navRightW .navLi li a{line-height: 0.85rem; font-size: 0.28rem;} #nav .navRightW .navLi li.cur a{border-bottom: 0.02rem solid #ffffff;} #nav .navRightW li a:hover{border-bottom: none;} #fixBox{height: 0.87rem;} } /*导航E*/ /*bannerS*/ #banner{position: relative;} .box{height: 86px; position: absolute; top:-86px; left:0; width:100%;} #banner .bannerW{display: block; height: 593px; background: url(../images/banner.jpg) no-repeat top center ;background-size: auto 100%;} #banner img{display: block;} #banner .font1{padding-top: 95px;} #banner .font2{padding-top: 40px;} #banner .btn{padding-top: 70px;} #banner .btn img{width:201px; height: 65px; cursor: pointer;} @media only screen and (max-width: 895px){ #banner .font1 img{width:5.6rem;} #banner .font2 img{width:5.45rem;} #banner .btn img{width:2.35rem; height: 0.75rem;} } @media only screen and (max-width: 750px){ #banner .bannerW{display: block; height: 6.72rem; background: url(../images/bannerM.jpg) no-repeat top center ;background-size: 100% 100%;} #banner .font1{padding-top: 0.5rem;} #banner .font2{padding-top: 0.3rem;} #banner .btn{padding-top: 0.5rem;} .box{height: 0.9rem; position: absolute; top:-0.86rem; left:0; width:100%;} } /*bannerE*/ /*峰会介绍S*/ .conBox .title{padding: 60px 0 40px; text-align: center; font-size: 52px; color:#1f2144; font-weight: bold; } .conBox .title span{padding: 0 20px;} .conBox .title i{font-style: normal; color: #d2b372;} .conBox .title img{display: inline-block;} #fhjs{position: relative;} #fhjs .introBox{font-size: 30px; font-weight: bold; color: #1f2144; line-height: 48px; padding-bottom: 40px; text-align: center; padding-bottom: 40px;} #fhjs .introBox p span{color: #d2b372;} #fhjs .introBox p i{font-style: normal;} #fhjs .stepBox ul li span{display: block; width:32px; height: 50px; margin: 0 10px 5px;} #fhjs .step1{background: url(../images/stepBG1.png) no-repeat top center; *zoom: 1;} #fhjs .step1 .step1UL1 .fr p{background: url(../images/stepBG.png) repeat-y right center; overflow: hidden;} #fhjs .step1 .step1UL1 li{margin-top: -15px;} #fhjs .step1 .step1UL1 .fl span{background: url(../images/step1.png) no-repeat;} #fhjs .step1 .step1UL1 .fr span{background: url(../images/step2.png) no-repeat;} #fhjs .step2{background: url(../images/stepBG2.png) no-repeat top center; *zoom: 1;} #fhjs .step2 .step1UL1 .fl p{background: url(../images/stepBG.png) repeat-y left center; overflow: hidden;} #fhjs .step2 .step1UL1 li{margin-top: 30px;} #fhjs .step2 .step1UL1 .fr span{background: url(../images/step3.png) no-repeat;} #fhjs .step2 .step1UL1 .fl span{background: url(../images/step4.png) no-repeat;} #fhjs .step3{background: url(../images/stepBG3.png) no-repeat top center; *zoom: 1;} #fhjs .step3 .step1UL1 .fr p{background: url(../images/stepBG.png) repeat-y right center; overflow: hidden;} #fhjs .step3 .step1UL1 li{margin-top: 45px;} #fhjs .step3 .step1UL1 .fl span{background: url(../images/step5.png) no-repeat;} #fhjs .step3 .step1UL1 .fr span{background: url(../images/step6.png) no-repeat;} #fhjs .step4{background: url(../images/stepBG2.png) no-repeat top center; *zoom: 1;} #fhjs .step4 .step1UL1 .fl p{background: url(../images/stepBG.png) repeat-y left center; overflow: hidden;} #fhjs .step4 .step1UL1 li{padding-top: 35px;} #fhjs .step4 li.step4Li1{width:45%;} #fhjs .step4 .step1UL1 .fr span{background: url(../images/step7.png) no-repeat;} #fhjs .step4 .step1UL1 .fl span{background: url(../images/step8.png) no-repeat;} #fhjs .step5{background: url(../images/stepBG4.png) no-repeat top center; height: 78px;} #fhjs .stepBox{padding-bottom: 70px;} #fhjs .stepBox ul li{position: relative;} #fhjs .stepBox ul li.fl{width:46%;} #fhjs .stepBox ul li.fr{width:48%;} #fhjs .stepBox ul li.fr span{padding-right: 40px;} #fhjs .stepBox ul li.fr div{padding-right: 40px;} #fhjs .stepBox ul li.fr p{padding-right: 40px;} #fhjs .stepBox ul li.fl span{padding-left: 40px; margin-left: 50px;} #fhjs .stepBox ul li.fl div{padding-left: 40px;} #fhjs .stepBox ul li.fl p{padding-left: 40px;} #fhjs .stepBox ul li div{font-size: 26px; line-height: 30px; color: #1f2144;font-weight: bold;} #fhjs .stepBox ul li div a{color: #1f2144;} #fhjs .stepBox ul li p{font-size: 16px; line-height: 26px; color: #455378; padding-top: 20px;} #fhjs .stepBox ul li.li4 p{ padding-bottom: 130px;} @media only screen and (max-width: 1250px){ #fhjs .stepBox ul li{position: relative; padding-top: 0.4rem; font-size: 0.28rem; line-height: 0.42rem;} #fhjs .stepBox ul li div{padding: 0 0.3rem 0;} #fhjs .stepBox ul li p{font-size: 0.24rem; line-height: 0.36rem; padding: 0.1rem 0.3rem 0; background: url(../images/stepBGMr.png) repeat-y top center; background-size: 100% auto;} #fhjs .stepBox ul.step1UL1 li.li1{background: url(../images/stepBG1M.png) top center no-repeat; background-size: 100%; padding-bottom: 0;} #fhjs .stepBox ul.step1UL1 li span{display: block; width:0.54rem; height: 0.67rem; position: absolute; top:-0.3rem; left:0.3rem;} #fhjs .step1 .step1UL1 .fl span{background: url(../images/step1M.png) no-repeat; background-size: 100% 100%;} #fhjs .stepBox ul.step1UL1 li span{background: url(../images/step1M.png) no-repeat; background-size: 100% 100%;} #fhjs .stepBox ul.step1UL1 li.li2{background: url(../images/stepBG2Mbig.png) top center no-repeat; background-size: 100%; padding-top: 1rem;} #fhjs .stepBox ul.step1UL1 li.li2 span{position: absolute; top:0.3rem; left:0.3rem;} #fhjs .stepBox ul.step1UL1 li.li2 p{background: url(../images/stepBGMl.png) repeat-y top center; background-size: 100% auto;} #fhjs .stepBox ul.step1UL1 li.li3{background: url(../images/stepBG3M.png) top center no-repeat; background-size: 100%; padding-top: 1rem;} #fhjs .stepBox ul.step1UL1 li.li3 span{position: absolute; top:0.3rem; left:0.3rem;} #fhjs .stepBox ul.step1UL1 li.li3 p{background: url(../images/stepBGMr.png) repeat-y top center; background-size: 100% auto;} #fhjs .stepBox ul.step1UL1 li.li4{background: url(../images/stepBG2M.png) top center no-repeat; background-size: 100%; padding-top: 1rem;} #fhjs .stepBox ul.step1UL1 li.li4 span{position: absolute; top:0.3rem; left:0.3rem;} #fhjs .stepBox ul.step1UL1 li.li4 p{background: url(../images/stepBGMl.png) repeat-y top center; background-size: 100% auto; padding-bottom: 0;} #fhjs .stepBox ul.step1UL1 li.li5{background: url(../images/stepBG3M.png) top center no-repeat; background-size: 100%; padding-top: 1rem;} #fhjs .stepBox ul.step1UL1 li.li5 span{position: absolute; top:0.3rem; left:0.3rem;} #fhjs .stepBox ul.step1UL1 li.li5 p{background: url(../images/stepBGMr.png) repeat-y top center; background-size: 100% auto;} #fhjs .stepBox ul.step1UL1 li.li6{background: url(../images/stepBG2M.png) top center no-repeat; background-size: 100%; padding-top: 1rem;} #fhjs .stepBox ul.step1UL1 li.li6 span{position: absolute; top:0.3rem; left:0.3rem;} #fhjs .stepBox ul.step1UL1 li.li6 p{background: url(../images/stepBGMl.png) repeat-y top center; background-size: 100% auto;} #fhjs .stepBox ul.step1UL1 li.li7{background: url(../images/stepBG3M.png) top center no-repeat; background-size: 100%; padding-top: 1rem;} #fhjs .stepBox ul.step1UL1 li.li7 span{position: absolute; top:0.3rem; left:0.3rem;} #fhjs .stepBox ul.step1UL1 li.li7 p{background: url(../images/stepBGMr.png) repeat-y top center; background-size: 100% auto;} #fhjs .stepBox ul.step1UL1 li.li8{background: url(../images/stepBG2M.png) top center no-repeat; background-size: 100%; padding-top: 1rem;} #fhjs .stepBox ul.step1UL1 li.li8 span{position: absolute; top:0.3rem; left:0.3rem;} #fhjs .stepBox ul.step1UL1 li.li8 p{background: url(../images/stepBGMl.png) repeat-y top center; background-size: 100% auto;} /*#fhjs .stepBox ul.step1UL1 li.li8{height: 0.82rem; background: url(../images/stepBG4M.png) no-repeat top right; background-size: 100% 100%; padding-top: 0;}*/ #fhjs .stepBox ul.step1UL1 li.li2 span{background: url(../images/step2M.png) no-repeat; background-size: 100% 100%;} #fhjs .stepBox ul.step1UL1 li.li3 span{background: url(../images/step3M.png) no-repeat; background-size: 100% 100%;} #fhjs .stepBox ul.step1UL1 li.li4 span{background: url(../images/step4M.png) no-repeat; background-size: 100% 100%;} #fhjs .stepBox ul.step1UL1 li.li5 span{background: url(../images/step5M.png) no-repeat; background-size: 100% 100%;} #fhjs .stepBox ul.step1UL1 li.li6 span{background: url(../images/step6M.png) no-repeat; background-size: 100% 100%;} #fhjs .stepBox ul.step1UL1 li.li7 span{background: url(../images/step7M.png) no-repeat; background-size: 100% 100%;} #fhjs .stepBox ul.step1UL1 li.li8 span{background: url(../images/step8M.png) no-repeat; background-size: 100% 100%;} #fhjs .step1{background: none; *zoom: 1;} #fhjs .step1 .step1UL1 li{margin-top: 0;} #fhjs .step2{background: none;} #fhjs .step2 .step1UL1 li{margin-top: 0;} #fhjs .step3{background:none;} #fhjs .step3 .step1UL1 li{margin-top: 0;} #fhjs .step4{background: none;} #fhjs .stepBox .step5{height: 0.82rem; background: url(../images/stepBG5M.png) no-repeat top right; background-size: 100% 100%; padding-top: 0;} #fhjs .stepBox{padding-bottom: 70px; max-width: 7.5rem; margin: 0 auto;} #fhjs .stepBox ul.step1UL1 li.fl{width:100%;} #fhjs .stepBox ul.step1UL1 li.fr{width:100%;} #fhjs .stepBox ul.step1UL1 li span{padding: 0; margin: 0 0 0 0.3rem;} #fhjs .stepBox ul.step1UL1 li.fl div{padding-left: 0.3rem; padding-right: 0.3rem;} #fhjs .stepBox ul.step1UL1 li.fl p{padding-left: 0.3rem; padding-right: 0.3rem;} #fhjs .stepBox ul.step1UL1 li div{font-size: 0.32rem; line-height: 0.42rem;} } @media only screen and (max-width: 750px){ .conBox .title{padding: 0.4rem 0 0.5rem; text-align: center; font-size: 0.52rem;} .conBox .title span{padding: 0 0.2rem;} .conBox .title img{display: inline-block; width:0.41rem; height: 0.32rem;} #fhjs .introBox{font-size: 0.36rem; line-height: 0.54rem; padding-bottom: 0.6rem;} #fhjs .introBox p{padding-bottom: 0; } #fhjs .introBox p i{display: block;} #fhjs .introBox p b{display: none;} #fhjs .introBox p span{font-size: 0.24rem; line-height: 0.4rem;} } /*峰会介绍E*/ /*峰会议程S*/ #fhyc{background: #f4f5f9; padding-bottom: 60px; position: relative;} #fhyc .conBox .title{padding: 60px 0 50px;} #fhyc .conBox .titleH{font-size: 24px; font-weight: bold; color: #1f2144; padding: 0 0 20px; text-align: center;} #fhyc .conBox .titleH span{color: #d2b372;} #fhyc .conBox .tip{font-size: 16px; font-weight: bold; color: #1f2144; padding: 10px 30px; text-align: center; border-top: 1px solid #e3e3e3; background: #eeeff4;} #fhyc .conBox .tip span{padding: 0 25px 0 25px; display: inline-block; position: relative; } #fhyc .conBox .tip span.time img{position: absolute; top:2px; left:0; display: inline-block; width:20px; height: 20px;} #fhyc .conBox .tip span.add{padding-left: 20px;} #fhyc .conBox .tip span.add img{position: absolute; top:2px; left:0; display: inline-block; width:16px; height: 21px;} #fhyc .ycDetail{font-size: 16px; line-height: 24px; color: #1f2144; border-bottom: 1px solid #e3e3e3;} #fhyc .ycDetail1{border-bottom: none; background: #d2b372; color: #ffffff; font-weight: bold;} #fhyc .ycDetail ul{overflow: hidden;} #fhyc .ycDetail li{float: left;} #fhyc .ycDetail li.time{width:20%;} #fhyc .ycDetail li.yt{overflow: hidden; width:80%;} #fhyc .ycDetail li.yt div{float: left;} #fhyc .ycDetail li.yt div.left{width:50%;} #fhyc .ycDetail li.yt div.right{width:50%;} #fhyc .ycDetail li span{display: block; padding: 10px 0 10px 30px;} #fhyc .ycDetail li i{display: inline-block; zoom: 1; *display: inline; width:68px; *width:70px;} #fhyc .bg2{background: #f9fafc;} @media only screen and (max-width: 1200px){ #fhyc .ycDetail li i{display: none;} } @media only screen and (max-width: 900px){ #fhyc .conBox .titleH{font-size: 0.32rem; padding: 0 0 0.2rem; line-height: 0.42rem;} #fhyc .conBox .titleH span{display: block;} #fhyc .conBox .tip{font-size: 0.24rem; padding: 0.15rem 0.3rem; text-align: left;} #fhyc .conBox .tip span{padding: 0 0 0 0.35rem;} #fhyc .conBox .tip span.time img{position: absolute; top:0.02rem; left:0; width:0.3rem; height: 0.3rem;} #fhyc .conBox .tip span.add{padding-left: 0.35rem; margin-top: 0.1rem;} #fhyc .conBox .tip span.add img{position: absolute; top:0.02rem; left:0.03rem; width:0.26rem; height: 0.34rem;} } @media only screen and (max-width: 750px){ #fhyc{padding-bottom: 0.6rem;} #fhyc .conBox .title{padding: 0.6rem 0 0.5rem;} #fhyc .ycDetail{font-size: 0.24rem; line-height: 0.36rem;} #fhyc .ycDetail li.yt div{float: none;} #fhyc .ycDetail1 .right{display: none;} #fhyc .ycDetail li.yt div.left{width:100%;} #fhyc .ycDetail li.yt div.right{width:100%;} #fhyc .ycDetail li.yt span{padding: 0;} #fhyc .ycDetail li.time{width:30%;} #fhyc .ycDetail li.yt{width:70%; padding: 0.1rem 0 0.1rem 0.3rem; box-sizing:border-box;} #fhyc .ycDetail li span{padding: 0.1rem 0 0.1rem 0.3rem;} } /*峰会议程E*/ /*征集问题S*/ #zjwt{background: #01042c; padding-bottom: 60px; position: relative;} #zjwt .conBox .title{padding: 60px 0 20px; color: #ffffff;} #zjwt .conBox p{font-size: 16px; line-height: 28px; text-align: center;color:#ffffff;} #zjwt .font{padding-bottom: 20px;} #zjwt .conBox .formTableBox{background: #f4f5f9; border-radius: 10px; font-size: 16px; line-height: 24px; color: #455378; overflow: hidden;} #zjwt .conBox .formTableBox li{float: left; overflow: hidden; line-height: 50px; text-align: center;} #zjwt .conBox .formTableBox li.textarea{float: none; clear: both; *zoom:1; overflow: hidden; border-top: 1px solid #e3e3e3;} #zjwt .conBox .formTableBox .bg{background: #e7e8ef; width:70px; float: left; height: 100%;} #zjwt .conBox .formTableBox input{float: left; border: none; background: #f4f5f9; outline: none;font-size: 16px; color: #455378; padding: 0 10px; height: 50px; line-height: 50px; width:510px;} #zjwt .conBox .formTableBox .textarea{height: 120px;} #zjwt .conBox .formTableBox .textarea textarea{height: 100px; width: 1110px; padding: 10px; resize: none; background: #f4f5f9; outline: none;font-size: 16px; line-height: 28px; color: #455378; border: none;} #zjwt .conBox .submitBtn{display: block; height: 48px; width:160px; background: #d2b372; line-height: 48px; text-align: center; font-size: 18px; color: #010539; border-radius: 50px; margin: 40px auto 0; border: none; outline: none; } #zjwt .conBox .QlistBox{padding: 20px 0 0;} #zjwt .conBox .QlistBox li{position: relative; padding: 20px 0 20px 65px; border-bottom: 1px solid #343554; text-align: left; min-height: 50px;} #zjwt .conBox .QlistBox li span{position: absolute; top:20px; left:0; display: block; width:50px; height: 50px; border-radius: 50px; overflow: hidden;} #zjwt .conBox .QlistBox li span img{display: block; width:100%; height: 100%;} #zjwt .conBox .QlistBox li p{font-size: 14px; color: #d2b372; text-align: left; line-height: 20px; font-weight: bold;} #zjwt .conBox .QlistBox li p i{font-style: normal; padding: 0 10px; color: #ffffff;} #zjwt .conBox .QlistBox li div{font-size: 16px; color: #dddde1; line-height: 24px;} #moreits{display: block; background: #2c2e4e; color: #a0a3b7; font-size: 16px; height: 40px; line-height: 40px; text-align: center; border-radius: 40px; margin-top: 30px;} #zjwt .conBox .tip{position: relative; margin: 0; padding: 5px 20px; background: #d2b372; text-align: center; font-size: 16px; line-height: 28px; border-radius: 5px; color:#010539;} #zjwt .conBox .tip .icon{background: url(../images/icon.png) no-repeat top center; height: 8px; width:100%; position: absolute; left:0; bottom: -8px;} @media only screen and (max-width: 1260px){ #zjwt{padding-bottom: 0.6rem;} #zjwt .conBox .title{padding: 0.6rem 0 0.2rem; color: #ffffff;} #zjwt .conBox p{font-size: 0.28rem; line-height: 0.42rem; text-align: center; /*padding-bottom: 0.2rem;*/ color:#ffffff;} #zjwt .conBox p span{display: block;} #zjwt .font{padding-bottom: 0.35rem;} #zjwt .conBox .formTableBox{max-width:6.9rem; background: #f4f5f9; border-radius: 0.1rem; color: #455378; overflow: hidden; margin: 0 auto;} #zjwt .conBox .formTableBox li{float: none; border-bottom: 0.02rem solid #e4e5eb; font-size: 0.28rem; line-height: 0.42rem; overflow: hidden;} #zjwt .conBox .formTableBox li .bg{float: left; width:1.1rem; background: #e9eaf1; padding: 0.25rem 0; text-align: center; height: auto; box-sizing:border-box;} #zjwt .conBox .formTableBox li input{float: left; width:5.8rem; line-height: 0.42rem; padding: 0.25rem 0.2rem; color:#455378; font-size: 0.28rem; height: auto; border: none; outline: none; background: #f4f5f9; box-sizing:border-box;} #zjwt .conBox .formTableBox li.textarea{height: 2rem; border-top: none;} #zjwt .conBox .formTableBox .textarea textarea{float: left; width:5.8rem; height:2rem; padding: 0.25rem 0.2rem; color:#455378; border: none; outline: none; background: #f4f5f9; resize: none; box-sizing:border-box; font-size: 0.28rem; line-height: 0.42rem;} #zjwt .conBox .formTableBox li:last-child span{height: 2rem;} #zjwt .conBox .formTable .submitBtn{display: block; height: 0.88rem; width:6.9rem; margin: 0.6rem auto 0; font-size: 0.32rem; line-height: 0.88rem; border-radius: 0.88rem; border: none;} #zjwt .conBox .QlistBox{padding: 0.2rem 0 0;} #zjwt .conBox .QlistBox li{position: relative; padding: 0.4rem 0 0.4rem 1.2rem; border-bottom: 0.02rem solid #343554; min-height: 1rem;} #zjwt .conBox .QlistBox li span{position: absolute; top:0.4rem; left:0; width:1rem; height: 1rem; border-radius: 1rem;} #zjwt .conBox .QlistBox li p{font-size: 0.28rem; line-height: 0.42rem;} #zjwt .conBox .QlistBox li p i{padding: 0 0.15rem; font-size: 0.24rem} #zjwt .conBox .QlistBox li div{font-size: 0.24rem; line-height: 0.36rem;} #moreits{font-size: 0.24rem; height: 0.6rem; line-height: 0.6rem; border-radius: 0.6rem; margin-top: 0.4rem;} #zjwt .conBox .tip{position: relative; margin: 0; padding: 0.2rem 0.3rem 0.25rem; font-size: 0.28rem; line-height: 0.42rem; border-radius: 0.05rem;} #zjwt .conBox .tip .icon{background: url(../images/iconM.png) no-repeat top center; height: 0.14rem; bottom: -0.14rem; background-size: auto 100%;} } /*征集问题E*/ /*底部S*/ #footer{text-align: center;line-height: 20px;color: #666666;font-size: 12px;font-family: "Century Gothic";padding: 30px 0 40px;} #footer div{width:300px;margin:0 auto; padding:0px 0} #footer a{color: #666666;} #footer div a{display:inline-block;text-decoration:none;height:20px;line-height:20px; color:#666666;} #footer div a span{height:20px;line-height:20px;margin: 0px 0px 0px 0px; color:#666666;margin-top:-10px ;} #footer div a img{float:left;} @media only screen and (max-width: 750px){ #footer{font-size: 0.24rem; line-height: 0.4rem; padding:5% 10%;} #footer div{display: none;} #footer a{display: block;} } /*底部E*/ /*弹出窗*/ .popup_box{display: none; width:520px; position: fixed; top:50%; left:50%; margin-left: -260px; margin-top: -301px; z-index: 100; border-radius: 10px; background: #d2b372;} .popup_box .popup_box_con {position: relative;} .popup_box .popup_box_con i{position: absolute; top:-10px; right: -10px; width:40px; height: 40px;display: block; cursor: pointer; background: url(../images/close.png) no-repeat; background-size: 100% 100%;} .popup_box .bmBox{padding: 20px 20px 0 20px;} .popup_box .bmCom{background: #ffffff; overflow: hidden; box-shadow: 0px 0px 15px 2px #b39861; border-top-right-radius: 10px; border-top-left-radius: 10px;} .popup_box .bmBox .tip{font-size: 16px; color: #455378; line-height: 24px; padding: 20px 30px; background: #f4f5f9;} .popup_box .bmBox .bmDetail{padding: 25px 20px 30px 20px;} .popup_box .bmBox .bmDetail li{padding-bottom: 10px; overflow: hidden;} .popup_box .bmBox .bmDetail li span{float: left; text-align: right; font-size: 16px; color: #455378; font-weight: bold; line-height: 36px; width:90px; padding-right: 10px;} .popup_box .bmBox .bmDetail li input{float: left; height: 34px; line-height: 34px; width:300px; border-radius: 5px; border:1px solid #e4e5eb; box-shadow: inset 0px 2px 3px 0px #f7f7f7; background: #ffffff; padding: 0 10px; outline: none; font-size: 14px; color: #455378;} .popup_box .bmBox .bmDetail .subBtn{display: block; width:160px; height: 48px; line-height: 48px; border-radius: 48px; background: #d2b372; text-align: center; font-size: 18px; color: #ffffff; border: none; outline: none; margin: 15px auto 0; cursor: pointer;} .popup_box .codeBox{padding: 25px 40px 25px 55px;box-shadow: 0px -5px 20px 0px rgba(48, 51, 76, 0.3); overflow: hidden; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-image:linear-gradient(left, #cead6e, #be925e); background-image:-webkit-linear-gradient(left, #cead6e, #be925e); background-image:-moz-linear-gradient(left, #cead6e, #be925e); background-image:-o-linear-gradient(left, #cead6e, #be925e); background-image:-ms-linear-gradient(left, #cead6e, #be925e); background: #c6a066\9; } .popup_box .codeIMG {float: left; width:120px;} .popup_box .codeIMG img{display: block; width:120px; height: 120px;} .popup_box .codeFont{float: left; width:280px; padding-left: 20px; font-size: 16px; line-height: 24px; color: #faf6f3; padding-top: 5px;} .popup_box .codeFont p{font-weight: bold; color: #ffffff; padding-bottom: 10px;} .popup_box .bmOK{padding: 100px 70px 72px; display: none;} .popup_box .okBox{position: relative; padding-left: 90px; font-size: 14px; line-height: 24px; color: #455378;} .popup_box .bmOK .okBox i{display: block; width:48px; height: 48px;position: absolute; top:10px; left:20px; background: none;} .popup_box .bmOK .okBox i img{display: block; width:48px; height: 48px;} .popup_box .okBox p{font-size: 18px; line-height: 30px; font-weight: bold;} .popup_box .btnBox{padding: 50px 0 0; overflow: hidden;} .popup_box .btnBox span{display: block; width:158px; height: 46px; border: 1px solid #eff0f5; font-size: 18px; text-align: center; line-height: 46px; border-radius: 46px; cursor: pointer;} .popup_box .btnBox span.btn1{float: left; background: #f4f5f9; color: #455378;} .popup_box .btnBox span.btn2{float: right; background: #d2b372; color: #ffffff; border: 1px solid #d2b372;} @media only screen and (max-width: 750px){ .popup_box{max-width:7.5rem; padding: 0 0.6rem; width:100%; position: fixed; top:50%; left:0; margin-top: -4.5rem; margin-left: 0; z-index: 100; box-sizing:border-box; background: none;} .popup_box .popup_box_con i{position: absolute; top:-0.25rem; right: -0.25rem; width:0.64rem; height: 0.64rem; background: url(../images/closeM.png) no-repeat; background-size: 100% 100%;} .popup_box .bmBox{padding: 0.25rem 0.25rem 0 0.25rem; background: #d2b372; border-top-right-radius: 0.1rem; border-top-left-radius: 0.1rem; overflow: hidden;} .popup_box .bmCom{box-shadow: 0px 0px 15px 2px #a58a54; border-top-right-radius: 0.1rem; border-top-left-radius: 0.1rem;} .popup_box .bmBox .tip{font-size: 0.24rem; line-height: 0.36rem; padding: 0.15rem 0.4rem;} .popup_box .bmBox .bmDetail{padding: 0.2rem 0.5rem 0.3rem;} .popup_box .bmBox .bmDetail li{padding-bottom: 0.1rem;} .popup_box .bmBox .bmDetail li span{font-size: 0.28rem; line-height: 0.67rem; width:1.25rem; padding-right: 0.1rem;} .popup_box .bmBox .bmDetail li input{height: 0.65rem; line-height: 0.65rem; width:3.15rem; border-radius: 0.05rem; padding: 0 0.1rem; font-size: 0.24rem; box-shadow: inset 0px 2px 3px 0px #ffffff;} .popup_box .bmBox .bmDetail .subBtn{width:100%; height: 0.8rem; line-height: 0.8rem; border-radius: 0.8rem; font-size: 0.3rem; margin: 0.15rem auto 0; cursor: pointer;} .popup_box .codeBox{padding: 0.3rem 0.4rem; box-shadow: 0px -4px 20px 0px rgba(48, 51, 76, 0.4); border-bottom-right-radius: 0.1rem; border-bottom-left-radius: 0.1rem; } .popup_box .codeIMG {float: left; width:2rem;} .popup_box .codeIMG img{display: block; width:2rem; height: 2rem;} .popup_box .codeFont{width:3rem; padding-left: 0.3rem; font-size: 0.24rem; line-height: 0.36rem; padding-top: 0.05rem;} .popup_box .codeFont p{padding-bottom: 0.1rem;} .popup_box .bmOK{padding: 1rem 0.5rem 1rem;} .popup_box .okBox{padding-left: 1.5rem; font-size: 0.28rem; line-height: 0.42rem;} .popup_box .okBox p{font-size: 0.36rem; line-height: 0.6rem;} .popup_box .bmOK .okBox i{display: block; width:0.88rem; height: 0.88rem;position: absolute; top:10px; left:20px;} .popup_box .bmOK .okBox i img{display: block; width:0.88rem; height: 0.88rem;} .popup_box .btnBox{padding: 0.7rem 0 0;} .popup_box .btnBox span{width:2.28rem; height: 0.78rem; font-size: 0.28rem;line-height: 0.78rem; border-radius: 0.78rem;} } /*黑色遮罩*/ .black_overlay{display: none; position: fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black; z-index:10; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); } /*弹出窗*/