/*---reset---*/

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%; background: #f3f7f8; font-size: 24px; font-family: 微软雅黑,黑体; text-align: center; }
  #listCheckButton a { float: left; display: block; height: 36px; line-height: 36px; font-size: 14px;  margin-left: 5px; text-decoration: none;     background: #CBCBCB; color: #000;}
        #listCheckButton a img { vertical-align: middle; }
        #listCheckButton a.on { background: #198ede;  color: #fff; }
/*---END  reset---*/

/*-------banner----------*/
.shop_banner { width: 100%;  background: pink; cursor:pointer;}
.shop_banner img{ width: 100%;}

/*--------------END banner----------*/
/*---优势---*/

.wide1190 { margin-left: auto; margin-right: auto;_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 { 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 {overflow: hidden; }
.o2o_txt { float: left; }
.o2o img { float: right;  }
.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;  }
.fun .fun_txt { float: right; }
.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 { 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 { 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; }

/*******纯手机版 布局 结束*****/
.yst{padding:0}
#mod-type a{ padding:0 60px;}

.cloudsite-match-title p{font-size: 30px;color: #333;padding: 40px 0px 30px;text-align: center;}
.shop-main-o{ padding: 50px 0;}
.shop-main-o .ul1 li{ position:relative; float: left;width: 20%;text-align: center;color: #777; border-bottom:1px solid #eee; padding-bottom:12px;font-size: 14px;padding-top: 53px;background: url(../images/wskd_10.png) no-repeat top;background-position: 98px 0;cursor: pointer;}
.shop-main-o .ul1 li:hover{filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.shop-main-o .ul1 li.on{color: #2c5fc8; border-color: #2c5fc8;}
.shop-main-o .ul1 li.li2{background-position: -92px 0;}
.shop-main-o .ul1 li.li3{background-position: -292px 0;}
.shop-main-o .ul1 li.li4{background-position: -493px 0;}
.shop-main-o .ul1 li.li5{background-position: -686px 0;}
.shop-main-o .ul1 li.li1.on{background-position: 98px -96px;}
.shop-main-o .ul1 li.li2.on{background-position: -92px -97px;}
.shop-main-o .ul1 li.li3.on{background-position: -292px -95px;}
.shop-main-o .ul1 li.li4.on{background-position: -493px -94px;}
.shop-main-o .ul1 li.li5.on{background-position: -686px -95px;}
.shop-main-o .line{ width: 100%; height: 1px; background-color: #f8f8f8; margin-top: -1px;}
.shop-main-o .ul2{width: 100%;margin-top: 40px;}
.shop-main-o .ul2 li{text-align: center;color: #7b7b7b;font-size: 14px;line-height: 23px;display: none;}
.shop-main-o .ul2 li h4{color: #000000;font-size: 18px;padding-bottom: 10px; font-weight: normal;}
.shop-main-o .ul2 li p{margin-bottom: 20px;}
.shop-main-o .ul2 li img{ display: inline-block;}
.shop-main-o .ul2 li .li-o-m { width:760px; margin:0 auto;}
.shop-main-o .ul2 li .li-o-m .fl{ width:320px; height:180px; background-color:#000;}
.shop-main-o .ul2 li .li-o-m .fr{ margin:30px 0 0 0}
.shop-main-o .ul3 { margin-top: 50px;}
.shop-main-o .ul3 li{float: left;background: url(../images/wskd_10.png) no-repeat top;padding-left: 80px;margin-right: 194px; }
.shop-main-o .ul3 li.li1{background-position: 0 -238px;}
.shop-main-o .ul3 li.li2{background-position: -380px -238px;}
.shop-main-o .ul3 li.li3{background-position: -731px -238px;margin-right: 0;}
.shop-main-o .ul3 li h4{color: #666666;font-size: 18px;line-height: 18px;padding-bottom: 10px; font-weight: normal;}
.shop-main-o .ul3 li p{color: #666666;font-size: 12px;line-height: 22px;}

.search_zhuce{width: 100%;height: 226px;background: url(../images/heng2.png) no-repeat center;padding: 60px 0px;box-sizing: border-box;}
.search_zhuce p{font-size: 32px;color: #333;text-align: center;}
.search_zhuce a{width: 170px;height: 38px;line-height: 38px;border-radius: 6px;background: #2c5fc8;color: #fff;font-size: 16px;display: block;text-align: center;margin: 20px auto 0px;letter-spacing: 2px}