/*
* 新模板样式
*/

/* public */
html{font:62.5%/2.3em "微软雅黑";}
body{color:#666;font-size:1.2em;}
ul,li,form,dl,dt,dd,div,ol{list-style:outside none none;}
a{color:#666;text-decoration:none;}
a:hover{color:#668dc5;text-decoration:none;}

/* html5 */
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/* 模板套餐、行业、颜色等筛选 start */
.searchlist{padding:0px 25px;}
.formtext{padding:2px 0 2px 4px;}
.button_empty{line-height:0px;*line-height:21px;}
.mainnav a{*float:none;padding-top:1.5px;padding-top:0px;}
/* 模板套餐、行业、颜色等筛选 end */


/* header */
#header{ width:100%; margin:0; min-width:1200px; /*background:url(../images/head_bg.jpg);*/background-color: #e4e4e4; height:64px; padding-top:16px;} 
.section{ width:1300px; margin:0 auto;position:relative;}
.Logo{width:155px; height:48px; float:left;}
.Logo img{/*width:155px; height:48px;*/}
.HeadR{ float:right;     width: 77%; line-height:30px; text-align:centre; color:#fff;}
.Resite{ display:inline-block; height:26px; line-height:26px; color:#fff; border:2px solid #fff; padding:0 10px; font-size:14px; font-weight:bold; color:#fff;}
.Resite:hover{ color:#9ce5f5; border-color:#9ce5f5;}

/*.HeadR .curpage{color:#333; font-weight:bold;}*/
.Logincoin{/*background:url(http://diy.ezstar.cn/Style/images/coin_top.png) no-repeat left -5px; width:30px;*/ display:inline-block; height:30px; position:relative;  cursor:pointer;}
.Logincoin.hover{/*background:url(http://diy.ezstar.cn/Style/images/coin_top.png) no-repeat left -170px;*/}
.Login-box{ position:absolute; top:56px; left:-104px; width:160px; background:#f7b33b; z-index:20; display:none; margin:0; padding:0;}
.Login-box .coin{ position:absolute; top:-15px; right:10px; width:0; height:0; border:solid 8px; border-color: transparent transparent #f7b33b transparent;}
.Login-box li{ line-height:40px; line-height:40px; border-bottom:1px solid #e7a531; text-align:left;}
.Login-box li a{ display:block; background:url(../images/login-box-coin.png) no-repeat; padding-left:50px; color:#fff; font-size:14px; }
.Login-box li a.a1{ background-position:20px 13px;}
.Login-box li a.a2{ background-position:20px -32px;}
.Login-box li a.a3{ background-position:20px -79px;}
.Login-box li a.a4{ background-position:20px -126px;}

/* 右上角按钮 */
.btn{display:inline-block;padding:6px 22px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;border-radius:5px;-webkit-border-radius: 5px;}
.btn.curpage{font-weight:bold; cursor:default;margin:0 10px;}
.btn.nocurpage{font-weight:bold;color:#aaa;}
.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}
.btn.nocurpage:hover{background-color: #ec971f;border-color: #d58512;color:#fff;font-weight:bold;}

/* 模版列表 start */
.section:after,.Martool-list:after,.selectSite li:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;}
body .form p:after,body .form .form-row:after,body form p:after,body form .form-row:after,.QRcode-search:after,.QRbox dl:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;}
ul.ui-tmp-navi{margin:0;padding:0;list-style:outside none none;}
ul.ui-tmp-navi li.current{border-radius:2px 2px 0 0;background-color:#e0e0e0;color:#415570;font-weight:bold;}
ul.ui-tmp-navi li{display:inline-block;padding:5px 15px;font-size:14px;cursor:pointer;}
#Container{margin:0;padding:15px 0;width:100%;height:auto;min-height:800px;background:#f5f7f9;}
.Curuse-title{margin:0;margin-bottom:20px;padding-left:35px;background:url(../images/model_coin.png) 10px 3px no-repeat;font-size:16px;}
.Curuse-template{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e9ecef;}
.Curuse-template li{float:left;overflow:hidden;margin:10px;padding:24px;width:248px;height:422px;border:1px solid #e9ecef;-webkit-border-radius:5px;border-radius:5px;background:#fff;text-align:center;moz-border-radius:5px;}
.Curuse-template li .img{display:block;width:248px;height:388px;border:1px solid #d4d4d4;}
.Curuse-template li .img img{width:248px;height:388px;}
.Curuse-template li .txt{display:block;margin-top:5px;text-align:left;font-weight:bold;font-size:14px;}
.Curuse-template li:hover,.Choother-template li:hover{-webkit-box-shadow:0 0 1px 5px #f7fafc;-moz-box-shadow:0 0 1px 5px #f7fafc;box-shadow:0 0 1px 5px #f7fafc;}
.Choother-title{margin:0;margin-bottom:20px;padding-left:35px;background:url(../images/model_coin.png) 10px -44px no-repeat;font-size:16px;}
.Choother-template{margin:0;padding-left:2px;border-radius:0 2px 2px;background-color:#e0e0e0;}
.Choother-template li{position:relative;float:left;overflow:hidden;margin:13px;padding:24px;width:248px;height:435px;border:1px solid #e9ecef;-webkit-border-radius:5px;border-radius:5px;background:#fff;text-align:center;moz-border-radius:5px;}
.Choother-template li .img{display:block;width:248px;height:388px;border:1px solid #d4d4d4;}
.Choother-template li .img img{width:248px;height:388px;}
.Choother-template li .txt{display:block;overflow:hidden;margin-top:5px;height:24px;text-align:left;font-weight:bold;font-size:14px;}
.Choother-template li .Freeuse{position:absolute;right:24px;bottom:24px;display:block;padding:0 10px;height:24px;-webkit-border-radius:5px;border-radius:5px;background:#ff2e2e;color:#fff;font-size:14px;line-height:24px;moz-border-radius:5px;}
.Choother-template li .yltem{position:absolute;top:24px;left:24px;z-index:2;display:none;overflow:hidden;width:250px;height:0;background:url(../images/telimg_bg.png);text-align:center;}
.Choother-template li .yltem h2{position:relative;z-index:1;margin:105px 0 15px;color:#fff;text-align:center;font-size:18px;}
.Choother-template li .yltem h2 a,.Choother-template li .yltem h2:hover,.Choother-template li .yltem h2 a:visited{color:#fff;}
.Choother-template li .yltem img{position:relative;z-index:1;width:147px;height:147px;background:#fff;}
.Choother-template li .yltem p{position:relative;z-index:1;margin:10px 0;color:#fff;font-weight:bold;}
.Choother-template li .yltem p span{color:#ff9914;}
.Choother-template li .ewm{position:absolute;top:25px;right:23px;}
.Choother-template:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;}
* html .Choother-template{zoom:1;}
*:first-child+html .Choother-template{zoom:1;}
/* 模版列表 end */

/* 其他 */
footer{margin:0;padding:10px 0;width:100%;border-top:1px solid #e9edf1;background:none repeat scroll 0 0 #f0f2f4;line-height:30px;}
.bottom{margin:0 auto;padding:0;width:1200px;color:#888;font-size:12px;line-height:30px;}
.pages{text-align:center;font-size:15px;}
.pages a{margin:0;padding:0 10px;}


.banner {
    width: 100%;
    height: 150px;
}

.searchlist{ /*padding-top:24px;*/ overflow:hidden; min-height:330px;}
.searchlist .tab{ height:46px; /*overflow:hidden; */position:relative;}
.searchlist .tab span{ height:46px; width:150px; margin-right:1px; background:#e6e6e6; color:#777; font-size:18px; display:block; float:left; line-height:46px; text-align:center; cursor:pointer;}
.searchlist .tab span img{ vertical-align:middle;}
.searchlist .tab span .img{ display:none;}
.searchlist .tab .span{ background:#deab40; color:#fff;}
.searchlist .tab .span img{ display:none;}
.searchlist .tab .span .img{ display:inline;}
.searchlist .tab .search{ position:absolute; right:0; top:0; overflow:hidden;}
.searchlist .tab .search .text{ width:198px; height:32px; padding-left:29px; background:url(../images/tab_search_03.jpg) no-repeat 10px center; line-height:32px; border:1px solid #d2d4d8; color:#aaa; font-family:"宋体"; float:left;}

/* 2016-1-11新增加 */
.case_tabpl_1{ text-align:center; margin:0 auto; width:1000px;}
.case_tabpl_1 a{ float:left;margin:0; padding:0; overflow:hidden; }

.menu_tab_new{text-align:center;height: 46px;}
.menu_tab_new a{float:none!important; display:inline-block!important;}
.menu_tab_new span{float:none!important; display:inline-block!important;}