.sct-bd-pd {
    margin: 0 3.125%;
}
.top-sct .sct-hd h1 {
    font-size: 16px;
    color: #000000;
    height: 42px;
    line-height: 42px;
    font-weight: bold;
    padding: 0 10px;
    border-bottom: 1px solid #e3e3e3;
}
.top-sct-zxzzd{
    border-bottom: 0;
}
.zxzzd-items{
    overflow: hidden;
}

.zxzzd-item{
    width: 50%;
    float: left;
    box-sizing: border-box;
    display: inline-block;
    height: 64px;
    position: relative;
/*    border-bottom: 1px solid #cccccc;*/
    border-bottom: 0 !important;
    background-position: bottom;
    background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, #d9d9d9 50%, #d9d9d9 100%);
    -webkit-background-size: 100% 1px;
    background-size: 100% 1px;
    background-repeat: repeat-x !important;
}
.zxzzd-item p{
    font-size: 12px;
    color:#999999;
    line-height: 14px;
}
.zxzzd-item img{
    position: absolute;
}
.zxzzd-item h3{
    font-size: 16px;
    color: #000;
    line-height: 19px;
    font-weight: normal;
    margin: 12px 0 8px;
}
.zxzzd-item:nth-of-type(2n){
    padding-left: 12px;
}
.zxzzd-item:nth-of-type(2n + 1){
    position: relative;
}

.zxzzd-item:nth-of-type(2n + 1):after{
    position: absolute;
    right: 0;
    width: 1px;
    content: '';
    top: 0;
    height: 100%;
    border-right: 0 !important;
    background-position: right, left;
    background-image: linear-gradient(to left, transparent 50%, #fbfbfb 100%), linear-gradient(to right, transparent 50%, transparent 100%);
/*
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #d9d9d9), to(#d9d9d9)),-webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #d9d9d9), to(#d9d9d9));
*/
    -webkit-background-size: 1px 100%;
    background-size: 1px 100%;
    background-repeat: repeat-y !important;
}
.zxzzd-item:nth-of-type(1) img{
    width: 50px;
    height: 53px;
    right: 0;
    bottom: 0;
}
.zxzzd-item:nth-of-type(2) img{
    width: 52px;
    height: 46px;
    right: 0;
    bottom: 12px;
}
.zxzzd-item:nth-of-type(3) img{
    width: 36px;
    height: 40px;
    right: 0;
    bottom: 12px;
}
.zxzzd-item:nth-of-type(4) img{
    width: 42px;
    height: 38px;
    right: 0;
    bottom: 12px;
}
/* 搜索模块 */
.search-ipt{
    margin-top: 11px;
    height: 40px;
    position: relative;
    border: 1px solid #c8c6c4;
    border-radius: 5px;
}
.search-ipt input{
    height: 100%;
    font-size: 14px;
    width: 100%;
    padding-left: 15px;
    padding-right: 60px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 0;
    -webkit-apprence:none;
}
.search-keys{
    margin: 15px 0;
    line-height: 14px;
}
.search-keys label{
    color: #999999;
}
.search-keys *{
    font-size: 12px;
}
.search-keys-list{
    display: inline;
}
.search-keys-list li{
    list-style: none;
    display: inline-block;
    margin-right: 1em;
    color: #0bad4c;
}
.zxzzd-qa-list li{
    border-top: 1px dotted #e3e3e3;
    padding-right: 6%;
    /*height: 69px;*/
    position: relative;
}
.zxzzd-qa-list li:after{
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 10px;
    background-position: -26px -415px;
    left: 96.5%;
    top: 30px;
}

.zxzzd-qa-list li h3{
    color: #000;
    font-weight: normal;
    margin: 15px 0 9px 0;
    font-size: 14px;
    line-height: 100%;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.zxzzd-qa-list li div{
    margin-bottom: 15px;
    line-height: 100%;
    color: #999999;
}
.zxzzd-qa-list li div *{
    font-size: 11px;
    line-height: 100%;
    color: #999999;
}
/* 抢免费设计名额 */
.free-design {
    position: relative;
    
    background-color: #fff;
    margin: 10px 0;
    
}
.bottom-half-pixel {
    border-bottom: 0 !important;
    background-position: bottom;
    background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, #d9d9d9 50%, #d9d9d9 100%);
    -webkit-background-size: 100% 1px;
    background-size: 100% 1px;
    background-repeat: repeat-x !important;
}
.sct-footer {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #333;
    text-align: center;
    border: 1px solid #ccc;
    border-width: 0 0 0 1px;
    background-color: #f5f5f5;
    box-sizing: border-box;
}
.sct-footer span {
    font-family: '宋体';
    font-size: 14px;
}
.icon-more {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-left: 5px;
    background-position: -26px -435px;
}
 .icon-index-nav-1, .icon-index-nav-2, .icon-index-nav-3, .icon-index-nav-4, .icon-index-nav-5, .icon-index-nav-6, .icon-index-nav-7, .icon-index-nav-8, .icon-search, .icon-more, .icon-location, .icon-tel, .icon-free, .icon-shengqian, .icon-baozhang, .icon-3min, .icon-more2, .icon-tel-green, .icon-notice, .icon-info{
    background: url('../../images/nimages/index-page-sprite-v2.png?v=20150314') no-repeat;
    background-size: 115px 593px;
}
.free-design header {
    border-top: 2px solid #f5c132;
}
.free-design h1 {
    padding: 0 10px;
    height: 42px;
    border-bottom: 1px solid #e3e3e3;
    line-height: 42px;
    font-size: 16px;
    color: #000;
    font-weight: bold;
}
.free-design .free-design-tip {
    position: absolute;
    height: 42px;
    top: 0;
    right: 0;

    padding-right: 10px;

    line-height: 42px;
}
.free-design .free-design-tip-color {
    color: #0bad4c;
}

.free-design .free-design-body {

}
.free-design .free-design-count {
    padding: 20px 0 20px 0;

    text-align: center;
    font-size: 21px;
}
.free-design .num {
    vertical-align: inherit;
    display: inline-block;
    width: 27%;
    font-size: 0;
    text-align: center;
    color: #fff;
}
.free-design .num .free-design-img {
    display: inline-block;
    background: url('http://img.to8to.com/wap/v2/numbg.png') no-repeat;
    background-size: 100% 100%;
    width: 33.3%;
}
.free-design .num span {
    display: inline-block;
    font-size: 24px;
    line-height: 1.4;
    color: #fff;
    padding: 5px;
}
.mfsj-from .mfsj-form-arrow {
    position: relative;
}
.mfsj-from .mfsj-form-arrow:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    bottom: 17px;
    right: 5px;
    border: 5px solid transparent;
    border-left: 5px solid #aaa;
}
.mfsj-from .zxd-form-agree.mfsj-form-agree input[type=checkbox]:checked {
    border: 1px solid #ddd;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZWZhZWY2OS02ZWY0LWQ0NDAtODMzMi02OTRhN2FlOTNiZWIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0VBNkVCQkU5MDVDMTFFNkFGMDBDRjlBNUQwRkQ0NTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0VBNkVCQkQ5MDVDMTFFNkFGMDBDRjlBNUQwRkQ0NTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjFDRkI5RjI5MDVDMTFFNjkyQTZENTFERkM0QTlENEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjFDRkI5RjM5MDVDMTFFNjkyQTZENTFERkM0QTlENEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6wfspqAAACOklEQVR42rSWyYviQBSHk7hr4wbiehDxoLYnFRH8+0VwvYh68CBKqyCoiLuo880UpJ2eNu2SeYfwKCpfXn71q1clXy4XSZJ4TiaT6XS62WxOp5P0eBgMBrvd7vP5AoGALMuMyEAPh0O73bZYLKFQ6O3tjUlPoClotVqNRqP9fp9Kpcxms3Q+n5vN5mAwuOgUoADyJZnvLBaLZDIp6RedTsftdivoiw6SrgEQrIJA6KsvGuB6vVZQ57l103YLS2jUhUV9Hx8fJOFwWDiP0Afd7XZ7vd5vL8sydDGovM7t9/uCK8pXx19F44RWqyVy9qFa8qvo5XJZr9dFpR6PJ5PJqEK/hGZDVyqV4/FIbrPZcrncF6c9iWYfV6vV7XZLbjKZ8vm81Wr9Msd4bSA2Pc9rA92yWqPRmM/nwhLZbNbpdP477RONMWkrJHRXVFMURcNqzBF5Op2mkX477fN9tdLxeFwul+m0P1otHo9Ho9FbFSjXPSUWi4l8NpuVSiX6gLbVEomEhm5/Vf3+J0T5tC3oQtB7rKaFFkHhLIuwEfZCGSHrbrfTtprWMqoRDAZxEt4CjclqtRoHBQugbbWfqxbB/xaLRdHHUYCT80er3YsmHA4HdK/Xez2oYbUH0ASncqFQQJ97rPaN1vwjgt5aE8ZRQG3z97cBXjQiKD5zuVy35vHtSCTyUIcByHVHQTtah75nI0Cwit/vx2TD4VAvLiiAYP/jxUxWr5NsCloE++Lp6yS7FB1wlGgAvwQYAFSOl9K82s+BAAAAAElFTkSuQmCC") no-repeat center;
    background-size: 15px;
}
.mfsj-from .mfsj-form-agree {
    color: #666;
}
.mfsj-from .zxd-form-agree.mfsj-form-agree a {
    text-decoration: underline;
    color: #666;
}
.free-design .free-design-gift {
    padding-bottom: 20px;
}
.free-design .free-design-gift-wrap {
    padding: 0 15px;
    position: relative;
    overflow: hidden;
}
.free-design .free-design-gift-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border:1px solid #fe8864;
    width: 48%;
    font-size: 14px;
    line-height: 16px;
    height: 74px;
}
.free-design .free-design-gift-box:nth-child(1) {
    float: left;
    padding: 20px 19px 20px 10px;
}
.free-design .free-design-gift-box:nth-child(2) {
    float: right;
    padding: 20px 10px 20px 19px;
}
.free-design .free-design-gift-circle {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    
    width: 50px;
    height: 50px;
    border: 1px solid #fe8864;
    border-radius: 50%;
    background-color: #fff;

    text-align: center;
    line-height: 50px;
    color: #fe8864;
}
.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        -moz-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        -moz-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}

.free-design-modal {
    text-align: center;
}
.free-design-modal .free-design-modal-title {
    font-weight: bold;
    display: block;
    padding: 10px 0;
    font-size: 20px;
}
.free-design-modal .free-design-modal-text {
    font-size: 16px;
    margin-top: 15px;
}
.free-design-modal .free-design-modal-text-c {
    color: #ea4504;
}
/* ----------- iPhone 4 and 4S ----------- */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
 .free-design .free-design-gift-box {
    font-size: 12px;
  }  
  .free-design-modal .free-design-modal-text {
    font-size: 14px;
  }
}
/* ----------- iPhone 5 and 5S ----------- */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
  .free-design .free-design-gift-box {
    font-size: 12px;
  }
  .free-design-modal .free-design-modal-text {
    font-size: 14px;
  }
}

/* ----------- iPhone 6 ----------- */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {
  .free-design .free-design-gift-box {
    font-size: 14px;
  }  
  .free-design-modal .free-design-modal-text {
    font-size: 16px;
  }
}