@charset "UTF-8";
.content{background: #F6F8F8;padding:30px 0;}
.gwidth{width:1200px;margin:0 auto;}
.topStrip{height: 80px;}
.item{padding:30px 50px;background-color:#FFF;}
.item .top{height: 195px;background:url(../images/itemtop.jpg) left top no-repeat;position: relative;padding-left:524px;padding-top: 72px;}
.item .top .tag{height: 124px;width: 165px;position: absolute;top:0;right: 0;background:url(../images/tag.png) center center no-repeat;}
.item .top h3{font-size:30px;font-weight:bold;line-height: 65px;}
.item .top h3 span{font-size:18px;color:#8A8A8A;margin-left: 28px;font-weight: normal;}
.item .top h3 strong{color:#35BB86;font-size:24px;margin:0 10px;}
.item .top p{height: 30px;background-color:#FFECE5;color:#FF4800;font-size:16px;line-height: 30px;padding:0 16px 0 38px;display: inline-block;border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;position: relative;}
.item .top p span{position: absolute;top:9px;left:18px;height:14px;width: 14px;background:url(../images/gt.png) center center no-repeat; }
.itemlist{border:1px solid #F0F0F0;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;margin:30px 0;padding-left:334px;position: relative;height: 326px;}
.ggimg{position: absolute;top:-1px;left:-1px;width: 212px;height: 320px;padding:8px 39px 0;cursor: pointer;}
.ggimg p{position: absolute;bottom:25px;left:0;text-align: center;color:#FFF;font-size:14px;width: 100%}
.ggimg .tag{height: 30px;width: 30px;transition:.45s;position: absolute;bottom:0;right: 0;border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;-o-border-radius:5px 0 0 0;-ms-border-radius:5px 0 0 0;overflow: hidden}
.ggimg:hover .tag{height: 100%;width: 100%;border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;}
.mask{height: 100%;width: 100%;background-color:#000;opacity: .3;filter:alpha(opacity=30);position: absolute;top:0;left:0;}
.ggimg .tag .look{height: 100%;width: 100%;position: absolute;top:0;left:0;background:url(../images/icon.png) center center no-repeat;}
.ggimgbgblue{background-color:#59C4FF;background: -webkit-linear-gradient(left,#33B2FE,#6ACCFF);background: -moz-linear-gradient(left,#33B2FE,#6ACCFF);background: -o-linear-gradient(left,#33B2FE,#6ACCFF);background: -ms-linear-gradient(left,#33B2FE,#6ACCFF);}
.ggimgbgyellow{background-color:#FEC92F;background: -webkit-linear-gradient(left,#FEBE06,#FED86B);background: -moz-linear-gradient(left,#FEBE06,#FED86B);background: -o-linear-gradient(left,#FEBE06,#FED86B);background: -ms-linear-gradient(left,#FEBE06,#FED86B);}
.ggimgbggray{background-color:#7F7F7F;background: -webkit-linear-gradient(left,#7f7f7f,#6f6f6f);background: -moz-linear-gradient(left,#7f7f7f,#6f6f6f);background: -o-linear-gradient(left,#7f7f7f,#6f6f6f);background: -ms-linear-gradient(left,#7f7f7f,#6f6f6f);}
.gginfo,.ggshop{margin:42px 0;float: left;}
.ggshop{text-align: center;width: 265px;}
.gginfo{border-right: 1px dashed #E3E3E3;padding-right:50px;width: 446px;}
.gginfo dt{margin-top:10px;font-size:22px;line-height: 48px;}
.gginfo dd{font-size:14px;line-height: 24px;color:#8E8E8E;position: relative;padding-left:22px;}
.gginfo dd span{position: absolute;top:50%;left:0;height:6px;width: 6px;background:url(../images/yuan.png) center center no-repeat;margin-top: -3px;}
.gginfo .yellow{margin-top:20px;color:#FF4B04; }
.ggshop .num{margin: 28px 0;color:#898989;}
.ggshop .num span{color:#35BB86;margin: 0 6px}
.ggshop .money{color:#8B8B8B;}
.ggshop .money strong{font-size: 30px;line-height: 44px;color:#FF4800;}
.ggshop .money dd{line-height: 30px;}
.ggshop .submit{margin-top: 30px;}
.ggshop .submit a{display: inline-block;height: 40px;width: 160px;background-color:#FF4800;font-size:14px;line-height: 40px;color:#FFF;border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;}
.ggshop .submit a:hover{background-color:#FF2C00;}
.ggshop .submit span{vertical-align: middle;}
.ggshop .submit .icon{height: 14px;width: 15px;display: inline-block;margin-right: 6px;background:url(../images/shop.png) center center no-repeat;}
.formpop{position: fixed;height: 100%;width: 100%;left:0;top:0;display: none}
.formpop .form{width: 840px;background-color:#FFF;border-radius:22px;-webit-border-radius:22px;-o-border-radius:22px;-moz-border-radius:22px;-ms-border-radius:22px;position: absolute;top:50%;left:50%;margin-left:-475px;margin-top:-293px;padding:0 55px;}
.formpop .iconhide{height:36px;width: 36px;background:url(../images/iconhide.png) center center no-repeat;position: absolute;top:20px;right: 20px}
.formtop{padding:39px 0 14px;font-size:16px;line-height: 36px;}
.formtop h3{color:#4A4A4A;}
.formtop h3 em{color:#828282;font-size: 14px}
.formtop h3 span{margin: 0 12px}
.formtop p{color:#FF4800;}
.formtop p span{margin: 0 12px;}
.shopinfo{border-top:1px dashed #E6E6E6;border-bottom:1px dashed #E6E6E6;padding:0 48px 32px;}
.shopinfo h3{padding-left: 15px;line-height: 52px;margin-bottom: 6px;background:url(../images/line.png) left center no-repeat;color:#4A4A4A;}
.shopinfo li{float: left;width: 33%;text-align: center;border-right: 1px dashed #E6E6E6;line-height: 28px;font-size:16px;color:#797979;position: relative;}
.shopinfo .last{border:none;}
.shopinfo li span{color:#4F4F4F;}
.shopinfo li div{position: absolute;bottom:-12px;left:0;width: 100%;text-align: center;font-size:12px;line-height: 14px;}
.userinfo{padding:40px 96px 0;}
.userinfo li{float:left;width: 50%;}
.userinfo dd span,
.userinfo li span{float: left;width: 105px;line-height: 40px;font-size:16px;}
.userinfo li .input{margin-left: 105px;height: 38px;width: 168px;line-height: 38px;padding:0 10px;border:1px solid #979797;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;}
.userinfo li input{width: 100%}
.userinfo p{font-size: 12px;line-height:36px;color:#888888;}
.userinfo .yellow{color:#FF4F09;}
.agreement{font-size:16px;line-height: 46px;margin-bottom: 40px;}
.agreement .radio{display: inline-block;height:23px;width: 23px;background:url();margin-right: 6px;vertical-align: middle;background:url(../images/radio.png) left bottom no-repeat;}
.agreement .checked{background:url(../images/checked.png) left bottom no-repeat;}
.agreement span{color:#4A4A4A;vertical-align: middle}
.agreement .xy{color:#39CA8B;text-decoration:underline;vertical-align: middle}
.userinfo .btn{text-align: center;margin-bottom: 68px;}
.userinfo .btn a{display:inline-block;height: 52px;width: 233px;font-size:18px;line-height: 52px;border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;color:#FFF;}
.userinfo .btn .cancel{background-color:#878787;margin-right: 56.5px;}
.userinfo .btn .submit{background-color:#FF4800;margin-left: 56.5px;}
.userinfo .btn .cancel:hover{background-color:#A0A0A0;}
.userinfo .btn .submit:hover{background-color:#FF2C00;}
.userinfo .select{height: 38px;width: 221px;padding:0 42px 0 10px;border:1px solid #979797;position: relative;border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;line-height: 38px;}
.userinfo .select .tjt,
.userinfo .select .jt{position: absolute;top:0;right:0;height:38px;width:42px;background:url(../images/jt.png) center center no-repeat;}
.userinfo .select .tjt{background:url(../images/tjt.png) center center no-repeat;}
.userinfo .select input{width: 100%}
.userinfo .sepop{position: absolute;top:36px;left:0;width: 100%;border:1px solid #979797;background: #FFF;margin-left: -1px;height: 200px;overflow-y:auto;display: none}
.userinfo .sepop a{display:block;font-size:14px;line-height: 34px;padding:0 10px;color:#4F4F4F;}
.userinfo .sepop a:hover{background-color:#FF4800;color:#FFF;}
.userinfo .dogbtn{margin-top: 2px;margin-left: 20px;}
.userinfo .dogbtn a{display: inline-block;height: 34px;width: 78px;color:#FF4800;border:1px solid #FF4800;font-size:16px;line-height: 34px;text-align: center;background-color: #FFF5F1;border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;}
.imgbox{position: absolute;top:0;left:0;width: 100%;text-align: center;height: 100%;}
.imgbox img{height:100%}
.topitem .ggimg{position:relative;height: 320px;width: 530px;padding: 0;top:0;left:0;}
.topitem .ggshop{margin: 0;width: 100%;position: relative;}
.topitem .ggshop .num{position: absolute;right: 50px;top:5px;}
.topitem .ggshop .money{text-align: left;padding-left: 30px;margin-top: 10px;}
.topitemfl,.topitemfr{padding-bottom: 30px;border: 1px solid #F0F0F0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;overflow: hidden}
.gray{color:#7F7F7F!important;}
.bggray{background-color:#7F7F7F!important;}
.topitemtj .topitemfl,
.topitemtj .topitemfr{padding-bottom:0;height: 340px;}
.topitemtj{margin-top:30px;}
.tag1{height: 83px;width: 108px;position: absolute;top:0;left:0;background:url(../images/tag1.png) center center no-repeat;}
.topitemtj .topitemfl .ggimg,
.topitemtj .topitemfr .ggimg{height: 100%;cursor: auto;}
.topitemtj .topitemfl .ggimg:hover .tag{height: 244px;width: 160px;right: 57px;bottom:64px;}
.topitemtj .topitemfr .ggimg:hover .tag{height: 244px;width: 160px;right: 57px;bottom:64px;}
.topitemtj .topitemfr .btn,
.topitemtj .topitemfl .btn{height: 44px;width: 150px;position: absolute;left: 26px;bottom:40px;}
.topitemtj .topitemfl .btn a,
.topitemtj .topitemfr .btn a{display: block;height: 100%;}
.topitemtj .topitemfl .ggimg .look,
.topitemtj .topitemfr .ggimg .look{
cursor: pointer;
}
#codepop .imgbox{height: 503px;width: 851px;background:#FFF;left:50%;top:50%;margin-left:-425px;margin-top:-251px;border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;-ms-border-radius:20px;-moz-border-radius:20px;}
#codepop .remove{height: 28px;width: 28px;position: absolute;top:20px;right: 20px;background:url(../images/iconhide.png) center center no-repeat;}