input {
    border: solid 1px #ddd;
}

input:focus, input:active, input:hover {
    outline: none;
    transition: border-color ease 0.25s;
}

input input[type="text"]:hover, input input[type="text"]:focus, input:hover, input:focus {
    border-color: #0285FF;
}

.btn {
    position: relative;
    display: inline-block;
    -webkit-transition: background-color ease 0.3s, color ease 0.3s, border-color ease 0.3s;
    -moz-transition: background-color ease 0.3s, color ease 0.3s, border-color ease 0.3s;
    transition: background-color ease 0.3s, color ease 0.3s, border-color ease 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    font-weight: 500;
    text-align: center;
}

.btn:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.btn.btn-block {
    display: block;
}

.btn.btn-default {
    border-color: #CECECE;
}

.btn.btn-default:hover {
    border-color: #0285FF;
    color: #0285FF;
}

.btn.btn-primary {
    border: solid 1px #0285FF;
    color: #0285FF;
}

.btn .btn-blue-light {
    background-color: #0BB7FF;
    color: #fff;
}

.btn .btn-blue-light:hover {
    background-color: #2ec1ff;
    color: #fff;
}

.btn .btn-blue-light:active {
    background-color: #029dde;
    color: #fff;
}

.btn.btn-success {
    height: 66px;
    line-height: 66px;
    background-color: #05D67B;
    border-color: #05D67B;
    color: #fff;
}

.btn.btn-success:hover {
    background-color: #06e282;
    color: #fff;
}

.btn.btn-success:active {
    background-color: #04c772;
    color: #fff;
}

.g-radio {
    position: relative;
    display: inline-block;
}

.g-radio input[type="radio"] {
    opacity: 0;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    height: 1em;
    line-height: 1;
    left: 0;
    z-index: 2;
}

.g-radio input[type="radio"] + .btn-success.btn-radio-default {
    border-color: #BFBFBF;
    color: #333;
    background-color: #fff;
    font-size: 14px;
}

.g-radio input[type="radio"] + .btn-success.btn-radio-default:hover, .g-radio input[type="radio"]:checked + .btn-success.btn-radio-default {
    border-color: #06e282;
    color: #06e282;
}

.g-radio .g-radio-button {
    position: relative;
    z-index: 1;
}

.form-groups, .form-group {
    position: relative;
}

.form-group.form-group-inline {
    display: inline-block;
    vertical-align: middle;
}

.form-group .group-title-require {
    color: #ff0000;
    font-size: 14px;
    padding-left: 15px;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.block-title-primary {
    text-align: center;
    font-size: 0;
    margin: 0 auto;
    padding: 70px 0 30px;
    font-weight: normal;
}

.block-title-primary span {
    position: relative;
    display: inline-block;
}

.block-title-primary span i {
    position: relative;
    font-style: normal;
    display: inline-block;
    font-size: 36px;
    color: #3C3C45;
}

.block-title-primary span .i-bg {
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 130px;
    height: 14px;
    margin-left: -65px;
    background: #D4E6EF;
}

.block-sub-title-primary {
    color: #777;
    font-size: 16px;
    margin: 0 auto 38px;
    text-align: center;
}

.icon {
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: opacity ease 0.25s;
    -moz-transition: opacity ease 0.25s;
    transition: opacity ease 0.25s;
    background: center no-repeat;
}

.icon.icon-download {
    width: 32px;
    height: 32px;
    margin-right: 6px;
    background: center no-repeat;
}

.icon.icon-view {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.7em;
}

.icon.icon-view i {
    display: block;
    width: 18px;
    height: 3px;
    background-color: white;
    border-radius: 4px;
}

.icon.icon-view i + i {
    margin-top: 3px;
}

.text-data-add {
    position: relative;
    display: inline-block;
    font-size: 48px;
    line-height: 1;
    height: 1em;
}

.icon.icon-checked {
    width: 26px;
    height: 23px;
    background: center bottom no-repeat;
}

.icon.icon-user {
    width: 30px;
    height: 30px;
    background: center no-repeat;
}

.icon.icon-phone {
    width: 30px;
    height: 30px;
    background: center no-repeat;
}

.icon.icon-payment {
    width: 40px;
    height: 40px;
    background: center no-repeat;
}

.icon.icon-close:before {
    content: '×';
    font-weight: normal;
    font-style: normal;
}

.icon-scan {
    width: 40px;
    height: 40px;
    position: relative;
}

.icon-scan .icon-scan-left-top, .icon-scan .icon-scan-left-bottom, .icon-scan .icon-scan-right-top, .icon-scan .icon-scan-right-bottom {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border: solid 2px #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.icon-scan .icon-scan-left-top {
    left: 0;
    top: 0;
    border-right: none;
    border-bottom: none;
}

.icon-scan .icon-scan-left-bottom {
    left: 0;
    bottom: 0;
    border-top: none;
    border-right: none;
}

.icon-scan .icon-scan-right-top {
    right: 0;
    top: 0;
    border-left: none;
    border-bottom: none;
}

.icon-scan .icon-scan-right-bottom {
    right: 0;
    bottom: 0;
    border-left: none;
    border-top: none;
}

.icon-scan .icon-scan-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    margin-left: -10px;
    background-color: #fff;
}

.icon.icon-download {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABh0lEQVRYR+2WvytGURjHP1/5EYsMzAZl8A9YlMWmKDFjRhHKZGAxvMNLdlkkpZTNYJN/QFmUFYMsXrzq0anz1u3tdc89V7rLPdO999zzPJ/ne57nOUcUPFSwf0qA3AqY2R6wDFQlbeXdyr8AfAEdQF1SZxEA1nAqKXcguReaWQlQKvD/CpjZKrAJnALrkr4bmf9bEpqZK8kqsAAcSNpIK9HUKjCzZ6DfG7gCZiW9ufdWAGbWB5wD435NsEeEACrAWiKCO2BS0mMzgJkNAZfAcOL/Q0lLuRXwkbo2uwu0eUNPwBRwmzA85iNvqOXyY1vSTqhDZmpEZjYHHAHd3mAt8ew+fQJdfu4DWJR0EnLu5jMBeCVGgQtgIMXwCzAt6SaL8ygADzHo93mkhYN7nx8PWZ1HA3iIXuAMmEg4ugZmJL3GOM8F4CHagX1gHjgGViS54zl6ZM6BaMsZF5QAoU7o7n3uPHBXr9hRByqh+2II4L2p4cRC1CT1pC0KARSrQGy4ef4vq6BU4AcVB4khXmDX/QAAAABJRU5ErkJggg==);
}

.icon.icon-checked {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAXCAMAAAAiCq8iAAAAilBMVEUAAAAAhv8Ahv8AiP8AgP8Ahv8Ahv8Ahv8Ahf8Ahf8Ahf8Ahv8Ahv8Ahf8Ahv8Ahv8Ahv8Ahv8Ahv8Ahf8Ahf8Ah/8Ahv8Ahf8Ahf8Ahv8Ahf8Ah/8Ahf8AhP8Agv8AgP8Ahv8DiP////+o1/+w2v8glf/g8P9tu/9ouP/a7f/Z7f+JyP9es/8ck/8to8+xAAAAIHRSTlMA9+cKA/zszLZNLSET8eDb1cKqoZiOhXtxZ15VRT43GsbR4eIAAACLSURBVCjPdc/XCoNAFIRhV1eNJb33cVM07f1fL4SznCg4/+0HAxOw7JJJNAORcgpCxQSE8hCEDkMQ2hkQWgP9ZBcgFA1AqExBqBiD0CmBr6o/HcqMytU1bdrGAF5vkUvVohV+PV3jRcnOZep2d7UX/O+oiXg6p4DaQ0QoH6Gb0jEBob3plzDYxESyL6SLJTG8dFzWAAAAAElFTkSuQmCC);
}

.icon.icon-user {
    background-image: url(../images/icon_person.f44630b.png);
}

.icon.icon-phone {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAeFBMVEUAAADBwcHNzc3Ozs7Pz8/Nzc3Pz8/Ozs7Ozs7Ozs7Ozs7Pz8/Nzc3Pz8/Ozs7Ozs7Q0NDKysrOzs7Pz8/Nzc3Pz8/Ozs7MzMzPz8/Pz8/Pz8/Ozs7Pz8/Nzc3Ozs7Pz8/Pz8/Ozs7Ozs7Ozs7Nzc3Q0NDNzc3Pz89qdHCcAAAAKHRSTlMAAyjAyFeb0st1E8WZu3pAGgigUjcxIRcOtaWOa19Jq6CVhWNbLa811usVZQAAALRJREFUKM/tzksOgyAARdEiFRGkqIDi/9/uf4cF7AAHJB03vQPykhMCt286ssSGXW6lxOMFT8iUmZCrob3HeKsJIfn+MI12Vh31mEb21Olczmgo7I4Tj6FjQHKTBnaK+5WvgfjPv8BFTUCYi7hdXiDIHJZTWYW46KEcIQ8xGFmH2vO28Bmr822BOgUcD4nHdFWRS6qoMp/Xsmw8HhpMbZAxyLK9FrDlHmvep58e65NxuR3AwRs9DAueBK57TAAAAABJRU5ErkJggg==);
}

.icon.icon-payment.icon-payment-wx {
    background-image: url(../images/icon_wx.5d01cf0.png);
}

.icon.icon-payment.icon-payment-ali {
    background-image: url(../images/icon_ali.a8808d2.png);
}

.icon.icon-recovery {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAh1BMVEUelv8elf8Ykv8elv8elv/5/P7H6/fc8vql2vjT6v4xn/9MrP1vvP5Ysv2Jy/zu9/4+pf5etf3D6fcrnP/N6P5Gqf6Uzv13wf1luP1pu/vA5/e65fckmf/0+f7X7P7C4v6t2P6Fxv6W0vk3ov/i8f6w2v6e0v5Ur/57wv2Ax/qf1vmw3/jH5P6YK1GDAAAABHRSTlPxqxWqWdIJOwAAARZJREFUOMvN1MlygzAQRVExdEMk5jnMxrOd//++UISoCCBFVd74rs9OT010gyhk6MQwldIIUYPk3SBVgtestSrPraWQOmcfACxEjIaCiqCbwNgEf7LZPjzACuLnK7AOj8UGsjTdwASS+ryCHq3wsYYfAJf49Ac+YxvR3oHguEsYpXcUQD+4LGDuoghCS1sO7aAUQ+hZM8MysFEC4XaYYeGhFDbXboJDiHIIJ+aPsGKlCHYw1zkjDJ84N6yhB79lveVlyJ97DQPg5bnDXUQ36+k59G8Rh/ftzI4+lxZ3VbyFZrGFEdsdrqe6cDNbQUf4C/NmActQ8q/TZLEe+QFwvib4cP8/KdQNWfz2Z28XaqrHXteIQpr+DWX8Ivgbd0w5AAAAAElFTkSuQmCC);
}

.icon.icon-recovery-ios {
    background-image: url(../images/logo_pingguo.8f2e610.png);
}

.icon.icon-recovery-android {
    background-image: url(../images/logo_anzhuo.2a1c2e5.png);
}

.banner-top {
    background: url(../images/banner_bj.17befc9.png) center top no-repeat;
    color: #fff;
    text-align: center;
}

.banner-top p {
    font-size: 36px;
    line-height: 90px;
    height: 90px;
    margin: 0 auto;
}

.banner-top p span {
    color: #D8F2FF;
}

.order-info {
    font-size: 0;
    padding: 64px 0 90px;
}

.order-info .g-form-item {
    margin-bottom: 36px;
}

.order-info .form-group-inline + .form-group-inline {
    margin-left: 20px;
}

.g-form-item-title {
    padding-bottom: 10px;
    border-bottom: solid 1px #B2E4FA;
}

.order-info .g-form-item + .g-form-item .g-form-item-title {
    margin-bottom: 20px;
}

.order-info .product-pic {
    display: inline-block;
    vertical-align: top;
    margin-left: 80px;
}

.order-info .product-info {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    width: 668px;
    margin-left: 36px;
}

.product-plan-name {
    font-size: 36px;
    margin: 0 auto 8px;
    font-weight: normal;
}

.product-plan-description {
    font-size: 14px;
    margin: 0 auto 10px;
    color: #777;
}

.product-plan-content {
    font-size: 0;
    padding: 10px 26px;
    background-color: #F8F8F8;
    margin-bottom: 30px;
}

.product-plan-content .content {
    display: inline-block;
    vertical-align: top;
    color: #0285FF;
}

.product-plan-content .content + .content {
    margin-left: 20px;
}

.product-plan-content .content span {
    display: block;
    font-size: 14px;
    text-align: center;
    position: relative;
}

.product-plan-content .content .pic {
    margin-bottom: 10px;
}

.product-plan-content .content .pic .icon {
    width: 30px;
    height: 30px;
    background-size: 100%;
}

.product-plan-content .content span .flag {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 20px;
    background: center top no-repeat;
    font-size: 12px;
    font-style: normal;
    color: #fff;
}

.product-plan-price {
    font-size: 36px;
    color: #FF8B02;
    line-height: 1;
    height: 1em;
    margin-bottom: 10px;
}

.product-plan-price .price-unit {
    font-size: 16px;
    font-style: normal;
}

.product-plan-choose .btn-plan-choose {
    display: inline-block;
    width: 216px;
    height: 46px;
    line-height: 46px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 4px;
    transition: background-color ease 0.25s, color ease 0.25s;
    position: relative;
}

.product-plan-choose .btn-plan-choose .rec {
    position: absolute;
    top: -1px;
    left: -5px;
    width: 48px;
    height: 18px;
    line-height: 15px;
    background: center no-repeat;
    color: #fff;
    font-size: 12px;
    font-style: normal;
}

.product-plan-choose .btn-plan-choose + .btn-plan-choose {
    margin-left: 10px;
}

.product-plan-choose .btn-plan-choose .icon-checked {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
}

.product-plan-choose .btn-plan-choose.current .icon-checked, .product-plan-choose .btn-plan-choose:hover .icon-checked {
    opacity: 1;
}

.product-info-form .form-group input {
    display: block;
    width: 256px;
    height: 46px;
    line-height: 46px;
    padding-left: 90px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #CECECE;
}

.product-info-form .form-group input:focus {
    outline: none;
    border-color: #0285FF;
    color: #0285FF;
}

.product-info-form .form-group .icon {
    margin: 0 10px 0 6px;
}

.product-info-form .form-group .form-group-title {
    position: absolute;
    height: 46px;
    line-height: 46px;
    left: 0;
    top: 0;
    color: #777;
}

.btn.btn-primary.btn-buy-now {
    padding: 0 70px;
    height: 50px;
    line-height: 50px;
}

.btn-payment-group .btn-payment-choose {
    width: 256px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    position: relative;
}

.btn-payment-group .btn-primary-ali {
    margin-left: 20px;
}

.btn-payment-group .btn-payment-choose .icon-payment {
    margin-right: 6px;
}

.btn-payment-group .btn-payment-choose .icon-checked {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
}

.btn-payment-group .btn-payment-choose:hover .icon-checked, .btn-payment-group .btn-payment-choose.current .icon-checked {
    opacity: 1;
}

.g-radio input[type="radio"] ~ .btn-radio-default:hover, .g-radio input[type="radio"]:checked ~ .btn-radio-default {
    border-color: #0285FF;
    color: #0285FF;
}

.g-radio-group.product-plan-choose {
    font-size: 0;
}

.g-radio-group.product-plan-choose .g-radio {
    margin-bottom: 10px;
    font-size: 16px;
}

.g-radio-group.product-plan-choose .g-radio + .g-radio {
    margin-left: 10px;
}

.g-radio-group.product-plan-choose .g-radio:nth-child(4n) {
    margin-left: 0;
}

.order-info .product-pic {
    width: 318px;
    height: 318px;
    background: center no-repeat;
    position: relative;
    overflow: hidden;
}

.order-info .product-pic .product-pic-text {
    position: absolute;
    z-index: 3;
    font-size: 12px;
    width: 216px;
    height: 46px;
    line-height: 46px;
    bottom: 94px;
    color: #fff;
    left: 50%;
    margin-left: -103px;
    text-align: center;
}

.order-info .product-pic .pic-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.order-info .product-pic .product-pic-text span:last-child {
    display: block;
    padding-top: 5px;
}

.payment-plan-table-wrapper {
    background-color: #F7FDFF;
    padding-bottom: 50px;
}

.payment-plan-table-wrapper ul, .payment-plan-table-wrapper li {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

.payment-plan-table-wrapper .block-title-primary {
    padding-top: 50px;
}

.payment-plan-table { /* border: solid 1px #DDDCDB; */
    width: 100%;
    border-collapse: collapse; /* background-color: #fff; */
    text-align: center;
    font-size: 0;
}

.payment-plan-table ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20%;
    color: #777;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
    background-color: #fff;
    border-left: solid 1px #ddd;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

.payment-plan-table-col-7 ul {
    width: 14.28%;
}

.payment-plan-table ul:last-child {
    border-right: solid 1px #ddd;
}

.payment-plan-table ul:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin-left: -50%;
    background: top right no-repeat;
    opacity: 0;
    -webkit-transition: opacity 0.55s ease;
    -moz-transition: opacity 0.55s ease;
    transition: opacity 0.55s ease;
}

.payment-plan-table ul:hover:after {
    opacity: 1;
    -webkit-box-shadow: 0 0 0 2px #0285FF;
    -moz-box-shadow: 0 0 0 2px #0285FF;
    box-shadow: 0 0 0 2px #0285FF;
}

.payment-plan-table ul.rec:after {
    opacity: 1;
    -webkit-box-shadow: 0 0 0 2px #0285FF;
    -moz-box-shadow: 0 0 0 2px #0285FF;
    box-shadow: 0 0 0 2px #0285FF;
}

.payment-plan-table ul li {
    padding: 30px 0;
}

.payment-plan-table ul li:last-child {
    padding: 0;
}

.payment-plan-table ul li:nth-child(2n +1) {
    background-color: #F9FDFF;
}

.payment-plan-content-wrapper {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    height: auto;
    width: 100%;
}

.payment-plan-content {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.payment-plan-content + .payment-plan-content {
    margin-top: 24px;
}

.payment-plan-content .payment-plan-pic .icon {
    width: 40px;
    height: 40px;
}

.payment-plan-content .payment-plan-pic, .payment-plan-content .payment-plan-name {
    display: inline-block;
    vertical-align: middle;
}

.payment-plan-content .payment-plan-name p {
    text-align: left;
    margin: 0 auto 5px;
}

.payment-plan-content .payment-plan-pic {
    margin-right: 12px;
}

.product-plan-content .content span .flag {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAMAAAB7LJ7rAAAAOVBMVEUAAAAAfP8Ahv8Ahv8Ahv8Ahf8Ahv8Ahv8Ahf8AhP8Agv8AgP8Ahv8Ahv8Ahf8Ahv8Ahv8Ahv8Ahv+Mj8WKAAAAEnRSTlMABY7168e7WVI0LRLc24KBPz0gtW8EAAAAQElEQVQoz2MQwgtGpQevNDMbHwcXNyMjNxcHPxszqjQPkwAjAxJgFGTihUmzMHEyYAGcTCxAaVZ2FH0oZrCzAgBf+iCITmxkKwAAAABJRU5ErkJggg==);
}

.product-plan-choose .btn-plan-choose .rec {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAASBAMAAADbMYGVAAAAHlBMVEUAAAD/twD/twD/twD/tAD/tgD/tgD/uwD/uQD/twCFoCfSAAAACXRSTlMA9/OwGcQqHh3f1KlRAAAAMElEQVQY02Nw1pyJDsIZLGdigAYGTIUTGRhmDi/BSdgEJ2MRnGTCwBDCgAUkMBAJALoaqYI/xJVDAAAAAElFTkSuQmCC);
}

.order-info .product-pic.product-1-plan-96 {
    background-image: url(../images/hd.57778e1.png);
}

.order-info .product-pic.product-1-plan-156 {
    background-image: url(../images/hd.57778e1.png);
}

.order-info .product-pic.product-1-plan-216-1 {
    background-image: url(../images/iph_hd.63d685e.png);
}

.order-info .product-pic.product-1-plan-216-2 {
    background-image: url(../images/and_hd.86e1ec3.png);
}

.order-info .product-pic.product-1-plan-256 {
    background-image: url(../images/hd_and_iph.597247a.png);
}

.order-info .product-pic.product-2-plan-156 {
    background-image: url(../images/and.f5487d2.png);
}

.order-info .product-pic.product-2-plan-216 {
    background-image: url(../images/and.f5487d2.png);
}

.order-info .product-pic.product-2-plan-256 {
    background-image: url(../images/iph_and.00eb183.png);
}

.order-info .product-pic.product-3-plan-156 {
    background-image: url(../images/iph.401a264.png);
}

.order-info .product-pic.product-3-plan-216 {
    background-image: url(../images/iph.401a264.png);
}

.order-info .product-pic.product-3-plan-256 {
    background-image: url(../images/iph_and.00eb183.png);
}

.payment-plan-table ul.rec:after {
    background-image: url(../images/icon_rec.454693b.png);
}

.attention-content p {
    border-bottom: solid 1px #f3f2f2;
    margin: 0 auto;
    padding: 20px 0;
}

.attention-content p:before {
    content: '!';
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: solid 1px #333;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 1em;
}

.customer-service {
    padding-bottom: 50px;
}

.customer-service .customer-service-content {
    font-size: 0;
    text-align: center;
}

.customer-service .customer-service-content li {
    display: inline-block;
    vertical-align: top;
}

.customer-service .customer-service-content li + li {
    margin-left: 28px;
}

.customer-service .customer-service-content li .content {
    border: solid 1px #E0ECF0;
    border-radius: 8px;
    padding: 16px 38px 80px;
    box-sizing: border-box;
    transition: all 0.35s ease;
}

.customer-service .customer-service-content li .content:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
    -webkit-transform: translateY(-5px) translate3d(0, 0, 0);
    -moz-transform: translateY(-5px) translate3d(0, 0, 0);
    transform: translateY(-5px) translate3d(0, 0, 0);
}

.customer-service .customer-service-content li .content p {
    margin: 20px auto 0;
    font-size: 16px;
}

.customer-service .customer-service-content li .content .pic {
    width: 200px;
    height: 200px;
    background: center no-repeat;
}

.customer-service .customer-service-content li .content .pic-1 {
    background-image: url(../images/1.4fef9df.png);
}

.customer-service .customer-service-content li .content .pic-2 {
    background-image: url(../images/2.87d998e.png);
}

.customer-service .customer-service-content li .content .pic-3 {
    background-image: url(../images/3.7c01cbf.png);
}

.customer-service .customer-service-content li .content .pic-4 {
    background-image: url(../images/4.d7bbf3d.png);
}

.btn-payment-choose.current .icon-checked {
    opacity: 1;
    filter: alpha(opacity=100);
}

.modal-payment {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.55);
    display: none;
    z-index: 9999;
}

.modal-payment.show {
    display: block;
}

.modal-payment.hide {
    display: none;
}

.modal-payment .modal-wrapper {
    width: 735px;
    height: 640px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -320px;
    margin-left: -367px;
}

.modal-payment .modal-wrapper .modal-header {
    position: relative;
}

.modal-payment .modal-wrapper .modal-header .title {
    font-size: 20px;
    color: #3C3C45;
    line-height: 72px;
    padding-left: 33px;
    margin: 0;
    font-weight: normal;
}

.modal-payment .modal-wrapper .modal-header .icon-close {
    position: absolute;
    right: 22px;
    top: 50%;
    cursor: pointer;
    margin-top: -15px;
}

.modal-payment .modal-wrapper .modal-header .icon-close:before {
    font-size: 24px;
}

.modal-payment .modal-wrapper .modal-banner {
    height: 90px;
    background: url(../images/banner_bj1.png) no-repeat;
}

.modal-payment .modal-wrapper .modal-banner p {
    font-size: 36px;
    color: #fff;
    text-align: center;
    line-height: 90px;
    margin: 0;
}

.modal-payment .modal-wrapper .qr-code-wrapper {
    padding: 30px 0;
    text-align: center;
}

.modal-payment .modal-wrapper .modal-body {
    text-align: center;
}

.modal-payment .modal-wrapper .modal-body .open-alipay {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    margin-top: 0;
}

.modal-payment .modal-wrapper .modal-body .open-alipay img {
    vertical-align: middle;
}

.modal-payment .modal-wrapper .modal-body .open-alipay span {
    vertical-align: middle;
}

.modal-payment .modal-wrapper .modal-body .open-alipay span#btnPaymentSubmitModal {
    color: #FF4E4E;
    cursor: pointer;
}

.modal-payment .modal-wrapper .modal-body .modal-contact {
    font-size: 16px;
    color: #3C3C45;
    display: inline-block;
    text-align: left;
}

.modal-payment .modal-wrapper .modal-body .modal-contact p {
    margin: 0;
    line-height: 36px;
}

.modal-payment .modal-wrapper .modal-body .modal-contact .qqlink {
    color: #FF4E4E;
}

.modal-payment .modal-wrapper .modal-body .modal-contact .qqlink a {
    color: #FF4E4E;
}

.user-terms-wrapper .terms-wrapper {
    position: fixed;
    width: 500px;
    height: 500px;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -250px;
    background: rgba(0, 0, 0, .5);
    display: none;
    z-index: 9;
}

.user-terms-wrapper .terms-wrapper iframe {
    width: 480px;
    height: 450px;
    margin-left: 10px;
    margin-top: 40px;
    background-color: #fff;
    border: solid 1px #aaa;
}

.user-terms-wrapper .terms-wrapper .terms-close {
    position: absolute;
    top: 10px;
    left: 11px;
    text-align: right;
    width: 480px;
    font-size: 28px;
    line-height: 1;
    padding: .1em 10px;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #fff;
    border-bottom: solid 1px #ddd;
}

#termsHasReadLink {
    user-select: none;
}

#termsHasReadLink #termsHasRead {
    opacity: 0;
}

.user-terms-wrapper {
    margin-top: 10px;
}

.user-terms-wrapper #btnOpenTerms {
    user-select: none;
}

.user-terms-wrapper #termsHasRead:checked ~ .terms-wrapper {
    display: block;
}

.user-terms-wrapper .terms-link {
    cursor: pointer;
    color: #0285FF;
}

.user-terms-wrapper .terms-link:hover {
    text-decoration: underline;
}