/*---reset---*/
html, body { *position: static; height: 100%; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; font-size: 12px; color: #666; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; line-height: 1.6; background-color: #fff; }
ul, ol, dl, li { margin: 0; padding: 0; list-style-type: none; }
dl, dt, dd { margin: 0; padding: 0; }

img { border: 0; vertical-align: middle; }
a { text-decoration: none; color: #555; }

#listCheckButton { margin: 10px auto; width: 100%; height: 70px; background: #f3f7f8; font-size: 24px; font-family: 微软雅黑,黑体; text-align: center; }
    #listCheckButton a { float: left; display: block; height: 36px; line-height: 36px; font-size: 14px; width: 165px;  margin-left: 5px; text-decoration: none; background: url(../images/checkbtn.png) no-repeat left center; color: #000;}
        #listCheckButton a img { vertical-align: middle; }
        #listCheckButton a.on { background: #198ede;  color: #fff; }
/*---END  reset---*/

/*-------banner----------*/
.shop_banner { width: 100%; height: 500px; background: pink; background:url(../images/s_banner.jpg) center no-repeat; cursor:pointer;}

/*--------------END banner----------*/
/*---优势---*/
.va-m-assistant { display: inline-block; *display: inline; *zoom: 1; width: 0; height: 100%; vertical-align: middle; }


.wide1190 { margin-left: auto; margin-right: auto; min-width: 990px; max-width: 1190px; _overflow: hidden; zoom: 1; }

.shop-advantage { padding: 44px 0; }
    .shop-advantage h4 { font-size: 30px; color: #333; font-family: 'microsoft yahei',serif; text-align: center; margin: 0 auto 40px; font-weight: normal; }
        .shop-advantage h4 small { color: #888; font-size: 16px; width: 160px; border-top: 3px solid red; }


.sa-list li { float: left; width: 25%; text-align: center; }
    .sa-list li .sa-img { height: 213px; }
    .sa-list li .sa-title { padding-top: 30px; font-size: 20px; color: #2a2a2a; }
    .sa-list li .sa-line { margin-top: 14px; width: 100%; height: 2px; background: #e5e5e5; position: relative; }
        .sa-list li .sa-line i { display: inline-block; width: 24px; height: 24px; background: url(../images/icon.png) no-repeat -220px -363px; position: absolute; top: -11px; right: 0; }
/*---END 优势---*/

/*----左右两部分----*/

.o2o { margin-top: 330px; overflow: hidden; }
.o2o_txt { float: left; }
.o2o img { float: right; padding-right: 50px; }
.o2o_txt dl { padding-left: 50px; padding-top: 60px; }
    .o2o_txt dl dt { font-size: 30px; margin-bottom: 10px; color: #333; font-family: 'microsoft yahei',serif; }
    .o2o_txt dl dd { font-size: 18px; line-height: 36px; font-family: 'microsoft yahei',serif; }
        .o2o_txt dl dd strong { margin-right: 10px; padding-left: 10px; }


.fun { margin-top: 80px; overflow: hidden; }
    .fun img { float: left; padding-left: 50px; }
    .fun .fun_txt { float: right; }
.fun_txt dl { padding-top: 60px; padding-right: 50px; }
    .fun_txt dl dt { font-size: 30px; margin-bottom: 10px; color: #333; font-family: 'microsoft yahei',serif; }
    .fun_txt dl dd { font-size: 18px; line-height: 36px; font-family: 'microsoft yahei',serif; }
        .fun_txt dl dd strong { margin-right: 10px; padding-left: 10px; }

/*---- END  左右两部分----*/

/*--------网店模版展示----------*/
.moban_con { margin-top: 60px; }

    .moban_con h4 { font-size: 30px; color: #333; font-family: 'microsoft yahei',serif; text-align: center; margin: 0 auto 40px; font-weight: normal; }
        .moban_con h4 small { color: #888; font-size: 16px; width: 160px; border-top: 3px solid red; }

.moban_menu { width: 400px; height: 40px; background: #cbcbcb; border-radius: 40px; margin: 0 auto; }
    .moban_menu ul li { width: 50%; height: 40px; border-radius: 40px; line-height: 40px; text-align: center; float: left; font-family: 'microsoft yahei',serif; font-size: 16px; position: relative; }
        .moban_menu ul li.on { background: #198ede; color: #fff; }
            .moban_menu ul li.on a { color: #fff; }
            .moban_menu ul li.on i { display: block; width: 28px; height: 14px; background: url(../images/gm_7.gif) no-repeat; position: absolute; left: 50%; margin-left: -14px; bottom: -14px; }

/*--------END 网店模版展示----------*/


/***********************模板列表 开始**************************/
.w-1200 { width: 1200px; margin: 0 auto; position: relative; }
.common-btn { display: inline-block; padding: 0 20px; height: 32px; line-height: 32px; background: #2086ee; font-size: 14px; color: #fff; text-align: center; cursor: pointer; border: 0; -webkit-transition: all .3s; transition: all .3s; font-weight: 400; -webkit-appearance: none; }
    .common-btn:hover { background: #4597EA; color: #fff; }

.tpl-container { border: 1px solid #dcdcdc; background: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; display: block; margin-bottom: 30px; }
.tpl-list-container li { width: 270px; margin-right: 23px; margin-top: 33px; float: left; list-style-type: none; cursor: pointer; }
    .tpl-list-container li.row-last { margin-right: 0; }
.tpl-list-container .no-tpl { height: 238px; line-height: 238px; text-align: center; }
    .tpl-list-container .no-tpl span { vertical-align: middle; }
    .tpl-list-container .no-tpl i { display: inline-block; width: 32px; height: 32px; background: url(../images/icon.png) no-repeat -99px -269px; vertical-align: middle; margin-right: 10px; position: relative; top: -1px; }
.tpl-container .tpl-header { height: 20px; line-height: 20px; background: #e2e2e2; padding-left: 10px; font-size: 0; }
    .tpl-container .tpl-header .point { width: 6px; height: 6px; border-radius: 100%; vertical-align: middle; display: inline-block; margin-right: 5px; }
.red-point { background: #ea5c6a; }
.yellow-point { background: #ecc468; }
.green-point { background: #2bc950; }
/*内容区*/
.tpl-container .tpl-body { height: 201px; border-bottom: 1px solid #dcdcdc; position: relative; overflow: hidden; }
    .tpl-container .tpl-body img { width: 100%; }

    /*PC+手机  手机正常情况下的 预览图*/
    .tpl-container .tpl-body .mobile-thumb { width: 96px; height: 172px; background: url(../images/icon.png) no-repeat -196px 0px; position: absolute; z-index: 1; right: -4px; bottom: 0px; overflow: hidden; padding-bottom: 22px; }
        .tpl-container .tpl-body .mobile-thumb img { width: 66px; margin: 26px auto 0 auto; display: block; max-height: 150px; }
.tpl-container .tpl-mask { opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.4s ease-in-out; }
.tpl-container:hover { box-shadow: 0px 7px 15px 5px rgba(0, 0, 0, 0.1); }
    .tpl-container:hover .tpl-mask { opacity: 1; z-index: 1; background-color: rgba(0, 0, 0, 0.6); }
/*PC 预览*/
.tpl-container .tpl-mask .preview-pc { width: 100%; height: 100%; position: absolute; }
    .tpl-container .tpl-mask .preview-pc::after { width: 52px; height: 80px; background: url(../images/icon.png) no-repeat 0 -29px; position: absolute; left: 50%; top: 50%; margin-left: -26px; margin-top: -40px; content: ''; }

/*PC+手机版本 ----  手机预览容器*/
.tpl-container .tpl-mask .preview-mobile-thumb { width: 66px; height: 118px; position: absolute; right: 12px; top: 55px; background-position: center; background-repeat: no-repeat; background-size: 66px auto; }
    .tpl-container .tpl-mask .preview-mobile-thumb::after { content: ''; position: absolute; width: 66px; height: 118px; background: rgba(0, 0, 0, 0.6); }
/*PC+手机版本 ----- 手机视窗*/
.tpl-container .tpl-mask .preview-mobile { width: 86px; height: 169px; background: url(../images/icon.png) no-repeat -202px 0px; position: absolute; bottom: 3px; z-index: 1; right: 0; }
/*底部栏位*/
.tpl-container .tpl-footer { font-size: 14px; color: #565656; position: relative; padding: 6px 8px; }
    .tpl-container .tpl-footer div { height: 24px; line-height: 24px; }
    .tpl-container .tpl-footer .buy { position: absolute; right: 14px; top: 13px; }

/*******纯手机版 布局（基于PC版） 开始*****/
.mobile-tpl-list-container { }
    /*纯手机版 不加阴影*/
    .mobile-tpl-list-container .tpl-container:hover { box-shadow: none; }
    .mobile-tpl-list-container li { width: 232px; margin-right: 74px; }
    .mobile-tpl-list-container .tpl-container { height: 482px; border: none; background: none; background-image: url("../images/iPhone.png"); }
    .mobile-tpl-list-container .tpl-body { height: 356px; width: 200px; margin: 0 auto; position: relative; top: 62px; border: 1px solid #f2f2f2; }
    .mobile-tpl-list-container .mobile-tpl-mask { padding-top: 16px; height: 360px; }
        .mobile-tpl-list-container .mobile-tpl-mask p { font-size: 16px; color: #fff; line-height: 24px; height: 24px; text-align: center; }
        .mobile-tpl-list-container .mobile-tpl-mask .mobile-desc { margin-bottom: 5px; font-size: 14px; }
        .mobile-tpl-list-container .mobile-tpl-mask .qrcode-img { margin: 8px auto 14px auto; width: 148px; height: 148px; display: block; }
        /*底部按钮*/
        .mobile-tpl-list-container .mobile-tpl-mask .common-btn { width: 130px; margin-bottom: 13px; height: 36px; line-height: 36px; border-radius: 5px; }
        .mobile-tpl-list-container .mobile-tpl-mask .preview { background-color: #d7d7d7; }

/*******纯手机版 布局 结束*****/