@charset "gb2312";
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li,dl{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
body{font-family:"Microsoft YaHei",tahoma,verdana,arial,sans-serif; font-size: 12px;}
q{zoom:1;}
a{text-decoration:none;}


.top_c{width:960px;}
.wrapper-960 .top_c{ width:960px;}
.wrapper-1020 .top_c{ width:1020px;}
.wrapper-1080 .top_c{ width:1080px;}
.wrapper-1140 .top_c{ width:1140px;}
.wrapper-1200 .top_c{ width:1200px;}
.wrapper-1260 .top_c{ width:1260px;}
.wrapper-1320 .top_c{ width:1320px;}
.wrapper-1920 .top_c{ width:1320px;}



.orange_bg{ background-color:#FEA613;}
.orange_size{ color:#FEA613}
.red_bg{ background-color:#D9113B;}
.red_size{ color:#D9113B}
.gray_bg{ background-color:#5A5A5A;}
.gray_size{ color:#5A5A5A}
.blue_bg{ background-color:#369DEF;}
.blue_size{ color:#369DEF}
.green_bg{ background-color:#00B010;}
.green_size{ color:#00B010}


.orange_color .cur2{border: 1px solid #FEA613;color: #FEA613;}
.orange_color a:hover {border: 1px solid #FEA613;color: #FEA613;}
.red_color .cur2{border: 1px solid #D9113B;color: #D9113B;}
.red_color a:hover {border: 1px solid #D9113B;color: #D9113B;}
.gray_color .cur2{border: 1px solid #5A5A5A;color: #5A5A5A;}
.gray_color a:hover {border: 1px solid #5A5A5A;color: #5A5A5A;}
.blue_color .cur2{border: 1px solid #369DEF;color: #369DEF;}
.blue_color a:hover {border: 1px solid #369DEF;color: #369DEF;}
.green_color .cur2{border: 1px solid #00B010;color: #00B010;}
.green_color a:hover {border: 1px solid #00B010;color: #00B010;}


.orange_a .btn{border: 1px solid #FEA613;}
.orange_a .btn-2{background-color: #FEA613;}
.orange_a .btn-1{color: #FEA613;}
.red_a .btn{border: 1px solid #D9113B;}
.red_a .btn-2{background-color: #D9113B;}
.red_a .btn-1{color: #D9113B;}
.gray_a .btn{border: 1px solid #5A5A5A;}
.gray_a .btn-2{background-color: #5A5A5A;}
.gray_a .btn-1{color: #5A5A5A;}
.blue_a .btn{border: 1px solid #369DEF;}
.blue_a .btn-2{background-color: #369DEF;}
.blue_a .btn-1{color: #369DEF;}
.green_a .btn{border: 1px solid #00B010;}
.green_a .btn-2{background-color: #00B010;}
.green_a .btn-1{color: #00B010;}



.orange_a .li_a1{border: 1px solid #FEA613;color: #FEA613;}
.orange_a .li_a2 {background-color: #FEA613;}
.red_a .li_a1{border: 1px solid #D9113B;color: #D9113B;}
.red_a .li_a2 {background-color: #D9113B;}
.gray_a .li_a1{border: 1px solid #5A5A5A;color: #5A5A5A;}
.gray_a .li_a2 {background-color: #5A5A5A;}
.blue_a .li_a1{border: 1px solid #369DEF;color: #369DEF;}
.blue_a .li_a2 {background-color: #369DEF;}
.green_a .li_a1{border: 1px solid #00B010;color: #00B010;}
.green_a .li_a2 {background-color: #00B010;}



.orange_banner{ background-image:url(../images/orange_bg.jpg); width:100%; height:203px;}
.red_banner{ background-image:url(../images/red_bg.jpg); width:100%; height:203px;}
.gray_banner{ background-image:url(../images/gray_bg.jpg); width:100%; height:203px;}
.blue_banner{ background-image:url(../images/blue_bg.jpg); width:100%; height:203px;}
.green_banner{ background-image:url(../images/green_bg.jpg); width:100%; height:203px;}
/*********------头部公用-------*************/
.main{ margin:0 auto;}
.top_c{ margin:0 auto; overflow:hidden}
.modular_top{height:80px; position:fixed;top:0px;z-index: 10;left:0;right:0; margin:0 auto}
.modular_top_l{float:left;}
.modular_top_l img{ width:235px; height:80px;margin-left:10px;}
.modular_top_c {height: 80px;float: left;overflow: hidden; margin-left:10px;}
.share_l {float: right;margin-right:15px;height: 80px;overflow: hidden;}
.share_l span {display: block;float: left;font-size: 16px;color: #333;height: 80px;line-height: 80px;}
.share_l a {display: block;float: left;width: 30px;height: 30px;margin-right: 10px;margin-top: 25px;border-radius: 50%;overflow: hidden;border:2px solid #FFF}
.share_l a.cur {background-image: url(../images/ok_img1.png);background-position: 0 0;background-repeat: no-repeat;}
.share_r {float: right;height:45px;overflow: hidden; margin-top:17px;}
.modular_top_r{width: 160px;height: 50px; background-image:url(../images/button.png);float: right; margin-top:15px;}
.modular_top_r a{ display:block;width: 160px;height: 50px;  font-size:16px; line-height:50px; text-align:center;}







/*********------模板选择（电脑）-------*************/
.banner_c{ display:block; width:960px; height:203px; margin:0 auto;}
.case_tit {background: #F3F3F3;margin: 10px 0;}
.case_tit1 {width:100%;margin: 0 auto;overflow: hidden;}
.case_tab1 {display: block;width:23.5%;height: 110px;float: left;background-color: #98DB19;position: relative;}
.case_tab1 em {display: block;width:90px;height: 27px;line-height: 27px;background: url(../images/show1.png) no-repeat left center;padding-left: 38px;color: #FFF;font-size: 18px;margin: 0 auto;margin-top: 41px;}
.case_tab4 {display: block;width:23.5%;height: 110px;float: left;margin-left:2%;background-color: #FE9625;position: relative;}
.case_tab4 em {display: block;width: 72px;height: 28px;line-height: 28px;background: url(../images/show5.png) no-repeat left center;padding-left: 36px;color: #FFF;font-size: 18px;margin: 0 auto;margin-top: 41px;}
.case_tab2 {display: block;width:23.5%;height: 110px;float: left;margin-left:2%;border-top: 0;border-bottom: 0;background-color: #379FF1;position: relative;}
.case_tab2 em {display: block;width: 72px;height: 27px;line-height: 27px;background: url(../images/show2.png) no-repeat left center;padding-left: 39px;color: #FFF;font-size: 18px;margin: 0 auto;margin-top: 41px;}
.case_tab5 {display: block;width:23.5%;height: 110px;float: left;margin-left:2%;background-color: #BB39FE;position: relative;}
.case_tab5 em {display: block;width: 72px;height: 28px;line-height: 28px;background: url(../images/show6.png) no-repeat left center;padding-left: 36px;color: #FFF;font-size: 18px;margin: 0 auto;margin-top: 41px;}
.case_tab1 strong, .case_tab2 strong, .case_tab3 strong, .case_tab4 strong, .case_tab5 strong {display: block;width: 25px;height: 24px;position: absolute;right: 15px;bottom: 15px;}
.com_button {background-color: #FFF;overflow: hidden;padding: 19px; border-bottom:2px solid #E1E1E1}
.com_button a {display: inline-block;zoom: 1;padding: 5px;border: 1px solid #FFF;border-radius: 4px;margin-right: 15px;color: #333;font-size: 14px;}
.com_list ul {padding-top: 20px; overflow:hidden}
.com_list li {width: 25%;float: left;}
.com_list .li-inner { width:225px;margin: 0 auto;}
.com_list .temp-pic { height:168px;border: 1px solid #D1D1D1;overflow: hidden;background: url(../images/small-loading-wait-bg.gif) no-repeat center center;-moz-transition: all .2s; -webkit-transition: all .2s;-o-transition: all .2s;-ms-transition: all .2s;transition: all .2s;}
.com_list .li-inner:hover .temp-pic{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.com_list .temp-pic span.bar, .com_list .temp-pic a {display: block;}
.com_list .temp-pic img {width: 100%;}
.com_list .temp-pic span.bar, .com_list .temp-pic a {display: block;}
.com_list .temp-pic-attr {padding: 20px 0 30px; overflow:hidden}
.com_list .temp-pic-attr strong {float: left;line-height: 28px;font-size: 14px;}
.com_list .temp-pic-attr a.btn {float: right;width: 56px;line-height: 28px;height: 28px;text-align: center;border-radius: 5px;margin-left: 10px;}
.com_list .temp-pic-attr a.btn-2 {color: #FFF;}
.com_list .temp-pic-attr a.btn-1 {background-color: #FFF;}
/*********------模板选择（手机）-------*************/
.com_list1 ul {overflow: hidden;padding-bottom: 20px;padding-top:20px;}
.com_list1 ul li {width: 20%;float: left;position: relative;display: inline;margin-bottom: 25px;}
.com_list1 ul li span {width: 137px;height: 205px;display: block;padding: 18px 6px 26px 6px;background: url(../images/com_bg1.png);margin: 0 auto;}
.com_list1 ul li p {width: 137px;height: 205px;opacity: 0.7;background-color: #000; position: absolute;left: 50%;margin-left: -68px;top: 0;margin-top: 18px;}
.zhezhao1 {display: none;width: 100%;position: absolute;z-index: 10;top: 0;padding-top: 48px;}
.zhezhao1 em {display: block;text-align: center;color: #FFF;font-size: 14px;}
.zhezhao1 strong {display: block;width: 79px;height: 79px;margin: 15px auto;}
.li_com_con1 {width: 161px;overflow: hidden;margin: 0 auto;padding-top: 10px;}
.li_com_con1 .li_a1 {display: block;width: 68px;height: 33px;line-height: 33px;text-align: center;float: left;margin-right: 20px;font-size: 14px;border-radius: 4px;}
.li_com_con1 .li_a2 {display: block;width: 70px;height: 35px;line-height: 35px;text-align: center;float: left;
color: #FFF;font-size: 14px;border-radius: 4px;}

/* 手机模版预览页面 */
.p_look{ width:100%; background:url(../images/look_bg.jpg); padding-top:80px;}
.wx_phone{ overflow:hidden}
.wx_phone_l{ float:left; width:50%;*width:49.9%;height:673px;display:block;_padding-bottom:80px;}
.wx_phone_l span{ width:368px; height:673px; float:right;background:url(../images/com_bg2.png); margin-right:50px;display: inline;}
.wx_phone_l span strong{ display:block; width:330px; height:495px;margin:0 auto;padding-top:70px; overflow:hidden}
.wx_phone_r{ float:left; width:50%; overflow:hidden;display:block;}
.wx_phone_r .wx_img{ width:187px; float:left; margin-left:50px; margin-top:120px; display: inline;}
.wx_phone_r .wx_img span{ display:block; width:177px; height:177px; background-color:#FFF; padding:10px; margin:0 auto;}
.wx_phone_r .wx_img p{ display:block; width:187px;margin:0 auto; text-align:center; color: #222; font-size:20px;padding-top:20px; margin-left:6px;padding-bottom:30px;}
.wx_phone_r .xuanze{ display:block; width:164px; height:59px; margin-left:70px;background:url(../images/button2.png) no-repeat left bottom;color:#FFF; font-size:16px; clear:both; text-align:center; line-height:52px;}
/*.weibo{ overflow:hidden; width:78px; margin-left:230px;padding:120px 0px 50px 0px;}*/
.weibo a{ display:block; width:29px; height:29px;}
.weibo .a1{ float:left}
.weibo .a2{ float:right}





.temp-color-list {
    text-align: center;
    font-size: 0px;
}
.temp-color-list span {
    display: inline-block;
    border: 1px solid #EFEFEF;
    margin: 0px 7px 0px 0px;
    cursor: pointer;
}
.temp-color-list span.cur {
    border-color: #000;
}
.temp-color-list span em {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid #FFF;
}
.temp-color-list span.color-0 em {
    background-image: url("../images/all_color.png");
}
.temp-color-list span.color-1 em {
    background-color: #F9F;
}
.temp-color-list span.color-2 em {
    background-color: #F00;
}
.temp-color-list span.color-3 em {
    background-color: #FFA200;
}
.temp-color-list span.color-4 em {
    background-color: #FFF600;
}
.temp-color-list span.color-5 em {
    background-color: #0084FF;
}
.temp-color-list span.color-6 em {
    background-color: #80D032;
}
.temp-color-list span.color-7 em {
    background-color: #A800FF;
}
.temp-color-list span.color-8 em {
    background-color: #630;
}
.temp-color-list span.color-9 em {
    background-color: #818181;
}
.temp-color-list span.color-10 em {
    background-color: #000;
}
	.right_div{ position:fixed; width:65px; left:0; bottom:24%;z-index:11}
	.right_div a{ display:block; width:65px; height:65px; border-radius:5px; margin-bottom:5px;margin-left:10px;}
	.right_div .a1{ background-color:#fbb807;}
	.right_div .a2{ background-color:#ff4443;}
    .right_div .a3{background-color:#9966CC;}
	.right_div a strong{ display:block; width:65px; height:46px;}
	.right_div a em{ display:block; width:65px; text-align:center; font-size:14px; margin-top:5px; color:#FFF}