@charset "utf-8";
/*会员列表 begin*/
.lab{background-image:url(../images/mem.png);background-repeat:no-repeat;display:inline-block;}
.memberMain .webSmallBanner,.memberDetailMain .webSmallBanner{background: url(../images/memberBanner.png) no-repeat center center;height: 335px;}
.memberMain .webContent {position: relative;padding-bottom: 10px;}
/*会员列表*/
.mem1{background: #fff;}
.memUL{width: 1300px;margin: 0px auto;margin-top: 25px;}
.memUL li{width: 380px;height: 270px;margin: 15px 20px;display: inline-block; background-color: #FAFAFA;padding: 30px 0px;}
.memFeaIcon1{background-image:url(../images/member_01.png);background-repeat:no-repeat;width: 100px;height: 100px;margin: auto;}
.memFeaIcon2{background-image:url(../images/member_02.png);background-repeat:no-repeat;width: 100px;height: 100px;margin: auto;}
.memFeaIcon3{background-image:url(../images/member_03.png);background-repeat:no-repeat;width: 100px;height: 100px;margin: auto;}
.memFeaIcon4{background-image:url(../images/member_04.png);background-repeat:no-repeat;width: 100px;height: 100px;margin: auto;}
.memFeaIcon5{background-image:url(../images/member_05.png);background-repeat:no-repeat;width: 100px;height: 100px;margin: auto;}
.memFeaIcon6{background-image:url(../images/member_06.png);background-repeat:no-repeat;width: 100px;height: 100px;margin: auto;}
/*动画 begin*/
.memUL li:hover .memFeaIcon{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-filter:none;filter:none  height: 100%;transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transition: all .5s ease; -webkit-transition: all .5s ease;/*-webkit-filter:grayscale(100%);*/-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);}
/*动画 end*/
.memTitle{display: block;color: #000;font-size: 24px;}
.memDec{display: block;color: #8a8a8a;font-size: 14px;padding: 10px 0;line-height: 24px;}
.applyAgentDiv{width: 1300px; margin: 0 auto;}
.applyAgentDiv a{width: 305px;height: 55px;line-height: 55px;background-color: #ffcf00;display: inline-block;color: #000;font-size: 24px; border-radius: 30px; margin: 20px 0px;}
.applyAgentLink{width: 342px;height: 100px;background-position: -6px -518px;}
.mem2DivContainer{padding:15px 15px;position: relative;z-index: 8;}
.mem2{background-color:#f4f4f4;padding-bottom: 115px;}
.mem2Name{font-size: 40px;color: #000;text-align: center;display: block;padding: 40px 0;}
.mem2Ul{margin: 0 auto;padding-top: 30px;}
.mem2Ul>li{cursor:pointer;position:relative;width: 300px;height: 1172px;display: inline-block;background: #fff;border:1px solid #d2d2d2;border-radius: 6px; margin:0 10px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
	-webkit-transition-property: border-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}
.mem2Lihover{display:none;position: absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:6px;border-width: 2px;border-style: solid;}
.mem2LiHoverBg{width: 0;height: 0;}
.mem2Ul>li:hover .mem2Lihover{display: block;}
.mli1:hover .mem2Lihover{border-color: #72bc4d;}
.mli1:hover .mem2LiHoverBg{border-top: 70px solid #72bc4d;border-right: 78px solid transparent;}
.mli2:hover .mem2Lihover{border-color: #1ca6fc;}
.mli2:hover .mem2LiHoverBg{border-top: 70px solid #1ca6fc;border-right: 78px solid transparent;}
.mli3:hover .mem2Lihover{border-color: #fd6e22;}
.mli3:hover .mem2LiHoverBg{border-top: 70px solid #fd6e22;border-right: 78px solid transparent;}
.mli4:hover .mem2Lihover{border-color: #dc26e4;}
.mli4:hover .mem2LiHoverBg{border-top: 70px solid #dc26e4;border-right: 78px solid transparent;}
.mli2 .mem2UlHTitle,.mli2 .moreDetail{color: #1ca6fc;}
.mli3 .mem2UlHTitle,.mli3 .moreDetail{color: #fd6e22;}
.mli4 .mem2UlHTitle,.mli4 .moreDetail{color: #dc26e4;}
.mem2LiHoverStar{width: 29px;height: 28px;position: absolute;top:9px;left:7px;display: block;background-position: -3px -78px;}
.mem2UlHeader{display: block;text-align: center;padding-bottom: 26px;border-bottom: 1px solid #e5e5e5;padding-top: 10px;}
.mem2UlHTitle{display: block;font-size: 30px;color: #72bc4d;}
.mem2UlHDec{display: block;font-size: 14px;color: #000;padding-top:8px;}
.mem2UlPrice{display: block;font-size: 30px;color: #000;padding-top:23px;padding-bottom: 18px;}
.mem2UlPrice em{font-size: 14px;}
.mem2Con{padding: 10px 0 22px 40px;border-bottom: 1px solid #e5e5e5;}
.mem2ConUl li{height:27px;}
.mem2ConUl i{vertical-align: middle;margin-right: 16px;}
.moreDetail{color: #72bc4d;text-align: center;display: block;padding-top:15px;}
.mem2ConUl .t2{color: #000;}
.mem2ConUl .t1{color: #8b8b8b;}
.mem2Btn{width:251px;height: 53px;display: block;text-align: center;line-height: 53px;color: #fff;font-size: 16px;font-weight: bold;}
.mem2Btn1{background-position: -9px -179px;}
.mem2Btn2{background-position: -9px -263px;}
.mem2Btn3{background-position: -9px -359px;}
.mem2Btn4{background-position: -9px -436px;}
.lab1{width:13px;height:6px;background-position:-2px -7px;}
.lab2{width:14px;height:10px;background-position:-2px -53px;}
.lab3{width:14px;height:12px;background-position:-3px -25px;}
.lab4{width:14px;height:14px;background-position:-25px -25px;}
/*会员列表 end*/

/*会员详情页 begin*/
/*头部 begin*/
.memListHeader{width:100%;height: 588px;position: relative;}
.memListBanner{width: 100%;height:100%;background: url("../images/memberBanner.png") top center no-repeat; background-size:cover}
.memListHText{width: 100%; height:100%;margin: 0 auto;position: absolute; top:0px;}
.memListHTextBox{width: 1300px;margin: 0 auto; text-align: center; height: 100%;position: relative;}
.memListHTitle{font-size: 85px;position: absolute;top:220px; width: 100%;color: #fff;}
.memListHTip{position: absolute;top: 333px;color: #fff;width: 100%;font-size: 22px;}
.memListHTip span{padding: 0px 18px;}
/*头部 end*/
/*TAB begin*/
.memTab{width: 100%;height: 55px;}
.TabActive{position: fixed;top: 84px;background-color: #fff;z-index: 2;}
.memTab ul{width: 1300px;margin: 0px auto;text-align: right;}
.memTab ul li{display: inline-block;height: 55px;line-height: 55px;padding: 0px 25px;font-size: 16px;width:113px;text-align:center;}
.memTab ul li:first-child{border-bottom: 1px solid #66C536;}
.memTab ul li:nth-child(2){border-bottom: 1px solid #20B9FC;}
.memTab ul li:nth-child(3){border-bottom: 1px solid #FD4B1F;}
.memTab ul li:nth-child(4){border-bottom: 1px solid #D225E8;}
/*TAB END*/
/*主体内容 begin*/
.memListCon{width: 100%;background-color: #f5f5f5;padding-bottom: 50px;}
.memListConBox{width: 1300px;margin:0 auto; }
.memBase{margin-bottom: 30px;}
.memBaseHead{height: 40px;line-height: 40px;position: relative;overflow: hidden;}
.memBaseIcon{width: 20px;height:20px;background: url("../images/mem-01.png") top center no-repeat;display: inline-block;position: absolute; top: calc(50% - 13px);}
.memHighIcon{width: 20px;height:20px;background: url("../images/mem-02.png") top center no-repeat;display: inline-block;position: absolute; top: calc(50% - 13px);}
.memLayIcon{width: 20px;height:20px;background: url("../images/mem-03.png") top center no-repeat;display: inline-block;position: absolute; top: calc(50% - 13px);}
.memXcxIcon{width: 20px;height:20px;background: url("../images/mem-04.png") top center no-repeat;display: inline-block;position: absolute; top: calc(50% - 13px);}
.memYinXIcon{width: 20px;height:20px;background: url("../images/mem-05.png") top center no-repeat;display: inline-block;position: absolute; top: calc(50% - 13px);}
.memHangyIcon{width: 20px;height:20px;background: url("../images/mem-06.png") top center no-repeat;display: inline-block;position: absolute; top: calc(50% - 13px);}
.memTcIcon{width: 20px;height:20px;background: url("../images/mem-07.png") top center no-repeat;display: inline-block;position: absolute; top: calc(50% - 13px);}
.memOtherIcon{width: 20px;height:20px;background: url("../images/mem-08.png") top center no-repeat;display: inline-block;position: absolute; top: calc(50% - 13px);}
.memBaseTitle{display: inline-block;margin-left: 25px;font-size: 16px;color: #000;}
.memBaseTitle span{font-size: 14px;color: #737373;}
.memBaseCon ul{border-top: 1px solid #000;}
.memBaseCon ul li{height: 40px;line-height: 40px;border-bottom: 1px solid #DADADA;overflow: hidden;font-size: 14px;color: #737373;}
.memLiTitle{width: 180px;height:100%;display: inline-block;border-right: 1px solid #DADADA;float: left;padding-left: 25px;}
.memLiTip{width: 660px;height:100%;display: inline-block;border-right: 1px solid #DADADA;float: left;padding-left: 20px;}
.memLiIcon{width: 115px;height:100%;display: inline-block;float: left;border-right: 1px solid #DADADA;position: relative;text-align: center;}
.memLiIcon:last-child{border: none;}
.memLiIconRight{width: 20px;height:20px;background: url("../images/right.png") top center no-repeat;display: inline-block;position: absolute; top: calc(50% - 10px);margin-left: -10px;}
.memLiIconErr{width: 20px;height:20px;background: url("../images/err.png") top center no-repeat;display: inline-block;position: absolute; top: calc(50% - 10px);margin-left: -10px;}
/*主体内容 end*/
/*立即开通 begin*/
.memListBot{width: 1300px;margin:0px auto;text-align: center;}
.memListBtn{width: 300px;height: 65px;display: inline-block;background-color: #ffcf00;border-radius: 30px;line-height: 65px;font-size: 18px;color: #000;font-weight: bold;cursor: pointer;}
/*立即开通 end*/
/*会员详情页 end*/

/*立即开通弹出框  begin*/
.OpenDiogBox{width: 100%;height: 100%;}
.OpenDiogMain{width: 1300px; margin: 0px auto;}
.OpenDiog{position: absolute;top: 0;bottom: 0;  left: 0; right: 0;  width: 100%;  height: 100%;  display: none;  }
.OpenDiogBg{background-color: rgba(0,0,0,.5);width: 100%;height: 100%;position: fixed;z-index: 10;}
.OpenDiogMainBox{width: 960px;height: 525px;padding: 20px;background-color: #fff;position: fixed;top: 40%;left: 33%; border-radius: 5px; font-size: 14px; margin-top: -165px;  margin-left: -238px;z-index: 11;}
.OpenHead{color: #444444;padding-top: 40px;font-size: 16px;}
.OpenMain ul{display: block;overflow: hidden;}
.OpenMain ul li{width: 210px;height: 147px;margin-right:20px;margin-top:20px;float: left;position: relative;cursor: pointer;}
.OpenMain ul li:last-child{padding-right:0px;}
.openLiBg{;background: url("../images/A_01.png") top center no-repeat;width: 100%;  height: 100%;  background-size: 100%;}
.OpenMain ul li  .openLiBgOne{;background: url("../images/A_02.png") top center no-repeat;width: 100%;  height: 100%;  background-size: 100%;}
.OpenMain ul li  .openLiBgTwo{;background: url("../images/A_03.png") top center no-repeat;width: 100%;  height: 100%;  background-size: 100%;}
.OpenMain ul li  .openLiBgThree{;background: url("../images/A_04.png") top center no-repeat;width: 100%;  height: 100%;  background-size: 100%;}
.OpenMain ul li  .openLiBgFour{;background: url("../images/A_05.png") top center no-repeat;width: 100%;  height: 100%;  background-size: 100%;}
.openLiCon{position: absolute;top:0px;left: 0px;width: 100%;height: 100%;padding: 20px;color: #5F5F5F;}
.openLiTitle{font-size: 30px;font-weight: 500;}
.openLiTips{font-size: 16px;padding-top: 15px;}
.openLiTime{font-size: 12px;position: absolute;bottom: 10px;}
.OpenBot{padding-top: 85px;text-align: center;}
.OpenSure{height: 65px;line-height:65px;width: 300px; border-radius: 30px;background-color: #EEEEEE;  border: none;font-size: 16px;margin-right: 15px; color: #C0C0C0; cursor: pointer;}
.OpenSureActive{background-color: #ffd100;color:#000;}
.OpenClose{display: inline-block;width: 30px;height: 30px;position: absolute;top: 14px;right: 5px;font-size: 18px;color: #999; cursor: pointer; }
.OpenBot button:focus{outline:none;}
.OpenAlert{text-align: center;padding-top: 40px;display: none;}
.OpenAlert span{color: red;}
/*立即开通弹出框  end*/