.purch{ width:100%; float:left; position:relative; overflow:hidden; padding-top: 20px}
.purch .img_box{ width:100%; float:left; position:relative; overflow:hidden; border-radius:5px}
.purch .img_box img{ width:1160px; float:left; position:relative; left:50%; margin-left:-580px}
.purch .img_box .loginBtn{ width:200px; height:52px; float:left; position:absolute; top:255px; left:50%; margin-left:-418px; color:#a23734; line-height:52px; text-align:center; font-size:20px; background:url(../images/hero/purchase/bg.png) no-repeat}

.p_title{ width:100%; float:left; font-size:18px; line-height:24px; color:#212126; text-align:center; padding:42px 0 44px}
.pt_30{ padding-top:30px}
.pb_100{ padding-bottom:100px}

.list{ width:100%; float:left}
.list li{ width:278px; height:400px; float:left; overflow:hidden; background-color:#F7F7F7; margin:0 16px 16px 0; cursor:pointer; position:relative; z-index:10; transition:all 0.2s linear}
.list li:hover{ box-shadow:0 10px 30px rgba(7,19,65,0.15); transform:translate3d(0,-2px,0) rotate(0.0001deg)}
.list li img{ width:240px; height:240px; float:left; margin:34px 0 15px 20px}
.list li .t_1{ width:100%; float:left; font-size:16px; text-align:center; line-height:24px; padding-bottom:4px}
.list li .t_2{ width:100%; float:left; font-size:12px; text-align:center; line-height:20px; color:#888}
.list li .new{ width:38px; height:18px; float:left; border:1px solid #e93053; color:#e93053; text-align:center; line-height:18px; margin:10px 0 0 120px}
.list .mr_0{ margin-right:0}

.process{ width:100%; float:left; padding-bottom:75px; border-bottom:1px solid #E2E2E2}
.process .tit{ width:100%; float:left; line-height:24px; padding:44px 0 42px; font-size:18px; text-align:center; color:#212126}
.process .con_box{ width:180px; float:left}
.process .con_box .num{ width:56px; height:56px; float:left; background:url(../images/hero/purchase/bg.png) no-repeat 0 -100px; line-height:56px; text-align:center; color:#fff; font-size:24px; margin-left:62px}
.process .con_box .con{ width:100%; float:left; font-size:16px; color:#571311; text-align:center; line-height:24px; padding-top:14px}
.process .ml_58{ margin-left:58px}
.process .dian{ width:108px; height:8px; float:left; overflow:hidden; padding-top:24px}
.process .dian li{ width:8px; height:8px; float:left; background-color:#FFC7BC; border-radius:50px; margin:0 5px}

.pop{ width:100%; height:100%; float:left; position:fixed; top:0; left:0; overflow:hidden; background-color: rgba(0,0,0,0.7); z-index: 999}
.pop .box{ width:492px; height: 492px; float:left; position:absolute; top:50%; left:50%; margin:-246px 0 0 -246px; background: url(../images/hero/purchase/pop.jpg) no-repeat}
.pop .box .close{ width: 56px; height: 56px; float: left; position: absolute; top: 18px; left: 418px}