body{background:#f8f8f8}#header{height:450px;background:url(../../../Images/template/sub_bg.jpg) no-repeat 0 0}#con .poster{position:relative;width:1200px;text-align:center}#con .poster .headline{position:absolute;top:-250px;left:310px;text-align:center;color:#fff}#con .poster .headline h1{padding:35px 0;font-weight:500;font-size:36px}#con .poster .headline p{font-size:14px;color:#fefefe}#con .rec-template{height:128px;background:#353966}#con .rec-template .tpl-mode{width:1200px;text-align:center}#con .rec-template .tpl-mode a{display:inline-block;width:150px;height:48px;padding:0 30px;margin:40px 14px;background:#5d6185;color:#fff}#con .rec-template .tpl-mode a.cur,#con .rec-template .tpl-mode a:hover{background:#2a2e52}#con .rec-template .tpl-mode a:before{content:"";position:relative;top:10px;display:inline-block;width:30px;height:30px}#con .rec-template .tpl-mode a.response:before{background:url(../../../Images/template/tpl_mode.png)}#con .rec-template .tpl-mode a.pc:before{background:url(../../../Images/template/tpl_mode.png) no-repeat -30px 0}#con .rec-template .tpl-mode a.mobile:before{background:url(../../../Images/template/tpl_mode.png) no-repeat -60px 0}#con .tpl-select{width:1200px;margin:25px auto;background:#fff;border:1px solid #d5d5d5}#con .tpl-select .class,#con .tpl-select .color{padding:10px 0;box-sizing:border-box}#con .tpl-select .sub-title-class,#con .tpl-select .sub-title-color{float:left;padding:20px;color:#129477;font-size:14px}#con .tpl-select .sub-title-class{cursor:pointer}#con .tpl-select .sub-title-class .iconfont{padding:5px;font-size:14px}#con .tpl-select .color{border-bottom:1px solid #d5d5d5}#con .tpl-select .color #color-list{padding:2px;margin:0 10px 10px 0;list-style:none}#con .tpl-select .color #color-list .c-radio{float:left;width:24px;height:24px;margin:7px;background:url(../../../Images/template/color.png) no-repeat;box-shadow:0 0 10px rgba(0,0,0,.1);cursor:pointer}#con .tpl-select .color #color-list .c-radio:hover{border:1px solid #14a484;box-sizing:border-box}#con .tpl-select .color #color-list .c-all{display:inline-block;position:relative;top:7px;left:15px;width:84px;background:#353966;color:#fff;text-align:center;font-size:14px;line-height:24px}#con .tpl-select .color #color-list .c-all:hover{background:#14a484}#con .tpl-select .color #color-list .c-red{background-position:0 0}#con .tpl-select .color #color-list .c-orange{background-position:-24px 0}#con .tpl-select .color #color-list .c-yellow{background-position:-48px 0}#con .tpl-select .color #color-list .c-green{background-position:-72px 0}#con .tpl-select .color #color-list .c-light_blue{background-position:-96px 0}#con .tpl-select .color #color-list .c-blue{background-position:-120px 0}#con .tpl-select .color #color-list .c-light_purple{background-position:-144px 0}#con .tpl-select .color #color-list .c-purple{background-position:-168px 0}#con .tpl-select .color #color-list .c-white{background-position:-192px 0}#con .tpl-select .color #color-list .c-gray{background-position:-216px 0}#con .tpl-select .color #color-list .c-brown{background-position:-240px 0}#con .tpl-select .color #color-list .c-black{background-position:-264px 0}#con .tpl-select .color #color-list .c-colorful{background-position:-288px 0}#con .tpl-select .color #color-list .current .c-red{background-position:0 -32px}#con .tpl-select .color #color-list .current .c-orange{background-position:-24px -32px}#con .tpl-select .color #color-list .current .c-yellow{background-position:-48px -32px}#con .tpl-select .color #color-list .current .c-green{background-position:-72px -32px}#con .tpl-select .color #color-list .current .c-light_blue{background-position:-96px -32px}#con .tpl-select .color #color-list .current .c-blue{background-position:-120px -32px}#con .tpl-select .color #color-list .current .c-light_purple{background-position:-144px -32px}#con .tpl-select .color #color-list .current .c-purple{background-position:-168px -32px}#con .tpl-select .color #color-list .current .c-white{background-position:-192px -32px}#con .tpl-select .color #color-list .current .c-gray{background-position:-216px -32px}#con .tpl-select .color #color-list .current .c-brown{background-position:-240px -32px}#con .tpl-select .color #color-list .current .c-black{background-position:-264px -32px}#con .tpl-select .color #color-list .current .c-colorful{background-position:-288px -32px}#con .tpl-select .color #color-list .c-1{background-position:0 0}#con .tpl-select .color #color-list .c-2{background-position:-24px 0}#con .tpl-select .color #color-list .c-4{background-position:-48px 0}#con .tpl-select .color #color-list .c-8{background-position:-72px 0}#con .tpl-select .color #color-list .c-16{background-position:-96px 0}#con .tpl-select .color #color-list .c-32{background-position:-120px 0}#con .tpl-select .color #color-list .c-64{background-position:-144px 0}#con .tpl-select .color #color-list .c-128{background-position:-168px 0}#con .tpl-select .color #color-list .c-256{background-position:-192px 0}#con .tpl-select .color #color-list .c-512{background-position:-216px 0}#con .tpl-select .color #color-list .c-1024{background-position:-240px 0}#con .tpl-select .color #color-list .c-2048{background-position:-264px 0}#con .tpl-select .color #color-list .c-4096{background-position:-288px 0}#con .tpl-select .color #color-list .current .c-1{background-position:0 -32px}#con .tpl-select .color #color-list .current .c-2{background-position:-24px -32px}#con .tpl-select .color #color-list .current .c-4{background-position:-48px -32px}#con .tpl-select .color #color-list .current .c-8{background-position:-72px -32px}#con .tpl-select .color #color-list .current .c-16{background-position:-96px -32px}#con .tpl-select .color #color-list .current .c-32{background-position:-120px -32px}#con .tpl-select .color #color-list .current .c-64{background-position:-144px -32px}#con .tpl-select .color #color-list .current .c-128{background-position:-168px -32px}#con .tpl-select .color #color-list .current .c-256{background-position:-192px -32px}#con .tpl-select .color #color-list .current .c-512{background-position:-216px -32px}#con .tpl-select .color #color-list .current .c-1024{background-position:-240px -32px}#con .tpl-select .color #color-list .current .c-2048{background-position:-264px -32px}#con .tpl-select .color #color-list .current .c-4096{background-position:-288px -32px}#con .tpl-select .class{display:none}#con .tpl-select .class #class-list{padding:15px 30px}#con .tpl-select .class #class-list li{float:left;width:12.5%;padding:5px 0;font-size:12px}#con .tpl-select .class #class-list li a{color:#666}#con .tpl-select .class #class-list li a:hover{color:#14a484;text-decoration:underline}#con .tpl-list-content{width:1200px;font-size:0}#con .tpl-list-content .ctn-tpl{display:inline-block}#con .tpl-list-content .tpl-list .inner{width:380px;margin:15px 10px;background:#fff;font-size:14px;color:#14a484;text-align:center}#con .tpl-list-content .tpl-list .inner:hover .info span{display:none}#con .tpl-list-content .tpl-list .inner:hover .info a{display:block}#con .tpl-list-content .tpl-list .inner a{display:block;padding-top:20px}#con .tpl-list-content .tpl-list .inner a img{box-shadow:0 5px 10px 0 rgba(0,0,0,.2)}#con .tpl-list-content .tpl-list .inner .info{padding:15px 18px}#con .tpl-list-content .tpl-list .inner .info a{display:none;padding:0;color:#2196f3}#con .tpl-list-content .tpl-list p{font-size:14px;text-align:center;color:#666}#con .tpl-list-content .tpl-list p .iconfont{display:block;font-size:150px;line-height:120px;color:#5d6185}#con .tpl-list-content .pagination{margin:30px auto 100px;font-size:14px;text-align:right}#con .tpl-list-content .pagination li{display:inline-block;margin:3px}#con .tpl-list-content .pagination li a,#con .tpl-list-content .pagination li span{display:inline-block;min-width:40px;height:40px;padding:10px;text-align:center;color:#c5c5c5;border:1px solid #c5c5c5;box-sizing:border-box}#con .tpl-list-content .pagination li.active a,#con .tpl-list-content .pagination li.active span,#con .tpl-list-content .pagination li:hover a{background:#14a484;color:#fff}.mobile-preview{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#ababab;background:rgba(65,65,65,.8);z-index:999}.mobile-preview .inner{position:fixed;top:50%;left:50%;width:800px;height:750px;margin:-375px 0 0 -400px;background:#fff;box-shadow:0 0 6px 6px #525252}.mobile-preview .close{position:absolute;right:10px;top:0;text-align:center;cursor:pointer;font-size:26px}.mobile-preview .frame{position:absolute;top:50%;left:50%;width:376px;height:711px;margin:-355.5px 0 0 -376px}.mobile-preview .frame .b,.mobile-preview .frame .l,.mobile-preview .frame .r,.mobile-preview .frame .t{position:absolute;background:url(../../../Images/index/frame-mobile.jpg) no-repeat}.mobile-preview .frame .t{top:0;left:0;width:376px;height:119px}.mobile-preview .frame .r{top:119px;right:0;width:26px;height:480px;background-position:-350px -119px;z-index:99}.mobile-preview .frame .b{top:599px;left:0;width:376px;height:112px;background-position:0 -599px}.mobile-preview .frame .l{top:119px;left:0;width:29px;height:480px;background-position:0 -119px}.mobile-preview .view{position:absolute;top:50%;left:50%;width:336px;height:480px;margin:-237px 0 0 -347px;border:0}.mobile-preview .qrcode{position:absolute;top:30%;left:50%;margin-left:80px}.mobile-preview .qrcode p{margin-bottom:30px;font-size:20px}