@charset "utf-8";.bdmap{font-family:"Microsoft Yahei",Arial,Helvetica;font-size:12px;height:400px}
.bdmap p{line-height:22px;margin:0 2px}
.bdmap label{display:inline-block;float:none}
.bdmap label.checked{background:rgba(0,0,0,0) url("//scdn.sojson.com/images/qr/img/bdmap_check.png") no-repeat scroll 4px center}
.bdmap input{display:none}
.anchorBL{display:none}
.left{background:#fff none repeat scroll 0 0;display:inline;float:left;width:550px;border:1px solid #eee;padding-bottom:11px}
label{font-weight:100;margin-bottom:0}
.rowleft{background:#eee none repeat scroll 0 0;display:inline;float:left;margin-bottom:-9999px;overflow:hidden;padding-bottom:9999px;padding-top:34px;width:65px}
.qr ul,.qr ol{list-style:outside none none;margin:0;padding:0}
.rowleft li.active{background:#fff none repeat scroll 0 0}
.rowleft li{display:inline;float:left;height:40px;line-height:40px;overflow:hidden;text-align:center;vertical-align:middle;width:100%}
.rowleft a{display:inline-block;height:100%;outline:0 none;text-decoration:none;width:100%}
.rowleft a{background:rgba(0,0,0,0) url("//scdn.sojson.com/images/qr/img/icon.gif") no-repeat scroll 0 0}
.rowleft a.a1{background-position:20px 5px}
.rowleft .active a.a1{background-position:20px -256px}
.rowleft a.a2{background-position:20px -29px}
.rowleft a.a3{background-position:20px -63px}
.rowleft a.a4{background-position:20px -97px}
.rowleft a.a5{background-position:20px -131px}
.rowleft a.a6{background-position:20px -165px}
.rowleft a.a7{background-position:20px -199px}
.rowleft a.a8{background:rgba(0,0,0,0) url("//scdn.sojson.com/images/qr/img/baidu_map.png") no-repeat scroll 24px 3px}
.rowleft a span{color:#828282;display:none}
.rowleft .active a.a1{background-position:20px -256px}
.rowleft .active a.a2{background-position:20px -290px}
.rowleft .active a.a3{background-position:20px -324px}
.rowleft .active a.a4{background-position:20px -358px}
.rowleft .active a.a5{background-position:20px -392px}
.rowleft .active a.a6{background-position:20px -426px}
.rowleft .active a.a7{background-position:20px -460px}
.rowleft .active a.a8{background-position:24px -33px}
.rowleft a.hover{background:rgba(0,0,0,0) none repeat scroll 0 center;text-decoration:none}
.rowleft a:hover span{display:block}
.rowleft .active a:hover span{color:#33b5e5}
.rowright{display:inline;float:left;height:530px;margin-top:34px;position:relative;width:460px}
.fnbox{height:470px;overflow:hidden;padding:0 30px}
.sub{clear:both;display:none;overflow:hidden}
.show{display:block}
.tit{color:#828282;font-family:"Microsoft YaHei","SimSun";font-size:18px;height:20px;line-height:20px;margin-bottom:10px;overflow:hidden}
.tit span{color:#999;float:right;font-family:"SimSun";font-size:12px}
.text,.sms_text{border:1px solid #ababab;color:#000;font-family:"Microsoft Yahei","SimSun";font-size:15px;font-weight:bold;height:102px;outline:0 none;overflow-x:hidden;overflow-y:auto;padding:7px;resize:none;width:384px}
.default{color:#999;font-family:"SimSun";font-size:14px;font-weight:normal}
.dinput,.text,.url,.sms_text{background:rgba(0,0,0,0) url("//scdn.sojson.com/images/qr/img/textbg.gif") repeat-x scroll left top}
.size{color:#999;margin-top:10px}
.prompt{background:#f9f7c7 none repeat scroll 0 0;border:1px solid #fb3;color:#666;font-size:14px;line-height:42px;margin:0 28px 15px;padding:0 14px}
.fnbox label{display:inline;float:left;font-size:14px;line-height:27px;padding-right:10px;text-align:right;width:66px}
.fnbox input{color:#000;font-family:"Microsoft Yahei","SimSun";font-size:15px;font-weight:bold;outline:0 none}
.dinput{border:1px solid #ababab;display:inline;float:left;height:27px;line-height:15px;margin:0;padding:5px 7px;width:266px}
.dinput,.text,.url,.sms_text{background:rgba(0,0,0,0) url("//scdn.sojson.com/images/qr/img/textbg.gif") repeat-x scroll left top}
.card input.short{margin-right:10px;width:170px}
.card{overflow:hidden}
.card li{margin-bottom:20px;vertical-align:middle;min-height:27px}
.type{border:1px solid #ababab;color:#555;display:inline;float:left;font-family:"Microsoft Yahei","SimSun";font-size:15px;margin:0;outline:0 none;padding:2px 4px;width:64px}
.addelem{clear:both;color:#1e6e92;margin-left:68px}
.addelem a{color:#1e6e92;display:inline-block;padding:10px 0 0;text-decoration:none}
.right{background:#f6f6f6 none repeat scroll 0 0;display:inline;float:left;margin-bottom:20px;overflow:hidden;padding:0 30px 20px;width:435px}
.canvas-wrap{margin:15px auto;width:304px}
.canvas{background:rgba(0,0,0,0) url("//scdn.sojson.com/images/qr/img/canvasbg.png") no-repeat scroll 0 0;display:table-cell;height:300px;padding:0 2px 3px;text-align:center;vertical-align:middle;width:300px}
#canvas{max-height:300px;max-width:300px}
.canvas a{text-align:center;vertical-align:middle}
.canvas img{max-height:300px;max-width:300px}
.canvas img{vertical-align:middle}
.diy_div{margin-bottom:15px;height:32px}
.diy_dot{background:rgba(0,0,0,0) url("//scdn.sojson.com/images/qr/img/dot.gif") no-repeat scroll 0 0;clear:both;cursor:w-resize;height:19px;left:130px;position:absolute;top:0;width:11px;z-index:100}
.diy_statue a{color:#1e6e92;display:inline;float:left;margin-right:113px}
.diy_statue{margin:2px -113px 0 40px;overflow:hidden}
.fnrow{clear:both;overflow:hidden;height:123px;font-size:12px}
.tab a{color:#636363;display:inline;float:left;height:27px;line-height:27px;overflow:hidden;text-align:center;text-decoration:none;width:70px}
.tab{background:#dbdbdb none repeat scroll 0 0;height:30px;overflow:hidden;padding:3px 10px 0}
.fnblock{background:#fff none repeat scroll 0 0;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;height:92px}
.fnsubv{display:none;height:92px;padding:10px 10px 0 15px}
.tab a.active{background:#f9f9f9 none repeat scroll 0 0;font-weight:bold}
.fnblock .show{display:block}
.colors{overflow:hidden}
.colors li{display:inline;float:left;padding-bottom:15px}
.colors label{color:#555;display:inline;float:left;line-height:26px;margin-bottom:0;margin-right:8px;min-width:44px;font-weight:100}
.color{border:1px solid #b3b3b3;float:left;height:24px;overflow:hidden;padding:0;width:24px}
.iColorPicker{display:none}
.colorPicker-picker{background:rgba(0,0,0,0) url("//scdn.sojson.com/images/qr/img/tip.gif") no-repeat scroll right bottom;cursor:pointer;display:inline;float:left;height:22px;width:22px}
.close{display:inline;float:left;height:26px;line-height:26px;margin:0}
.colors .close{display:none;font-size:14px;height:24px;line-height:24px;margin:0;padding-top:0;text-align:center;width:16px}
.colors li.li1,.colors li.li4{width:90px}
.colors li.li2,.colors li.li5{width:135px}
.colors li.li3,.colors li.li6{width:123px}
.diy_scroll{background:rgba(0,0,0,0) url("//scdn.sojson.com/images/qr/img/scroll.gif") no-repeat scroll left center;height:16px;margin-left:52px;position:relative;width:270px}
.other{clear:both;height:35px;line-height:35px;padding-top:14px}
.save{display:inline;float:right}
.reset-all{color:#1e6e92;cursor:pointer;display:inline;line-height:27px;margin-right:12px}
.reset-all a,.reset-all a:hover,.reset-all a:visited{color:#1e6e92;width:auto}
.copy a,.copy a:hover,.copy a:visited{color:#1e6e92}
.copy{display:inline}
.save a{background:#0088cc  none repeat scroll 0 0;color:#fff;display:inline-block;font-size:14px;font-weight:bold;height:33px;line-height:33px;text-align:center;width:118px}
#gradientWay{margin-top:2px}
#gradientWay,#fonteffect,#fontsize,#rotate,#margin,#level,#size{height:23px;line-height:23px}
.logotypes,.pic{color:#555;height:24px;line-height:24px;margin:5px 0;overflow:hidden;position:relative;text-align:center}
.logotypes{margin:0}
.logotypes label{margin:0 10px}
.logotypes input{vertical-align:-2px}
.picbtn{cursor:pointer;display:inline-block;height:25px;overflow:hidden;position:relative;width:118px}
.addpic{background:rgba(0,0,0,0) url("//scdn.sojson.com/images/qr/img/addpic.gif") no-repeat scroll 0 0;cursor:pointer;height:25px;left:0;outline:0 none;overflow:hidden;position:absolute;top:0;width:118px;z-index:0}
.picelem{background:#fff none repeat scroll 0 0;display:none;left:0;padding-left:110px;position:absolute;top:0;width:100%;z-index:12}
.picelem span{display:inline;float:left;height:24px;margin-right:10px;overflow:hidden;text-overflow:ellipsis;width:120px}
.del{background-position:0 5px;display:inline;float:left;height:25px;width:16px}
.format{color:#636363;text-align:center}
.turn{display:none;overflow:hidden}
.del,.turn span{background:rgba(0,0,0,0) url("//scdn.sojson.com/images/qr/img/picicon.gif") no-repeat scroll 0 0}
.turn span.turn1{background-position:-27px 0}
.turn1,.turn2{cursor:pointer;display:inline-block;height:16px;margin-right:15px;width:16px}
.turn span.turn2{background-position:-58px 0}
.addlogo{background:rgba(0,0,0,0) none repeat scroll 0 0;cursor:pointer;font-size:30px;opacity:0;position:absolute;right:0;top:0;z-index:10}
.content{margin-bottom:12px}
.ctext{color:#666;height:24px;margin:0;outline:medium none;padding:0 6px;width:230px}
.cbutton{background-color:#18a3d4;border:medium none;color:#fff;cursor:pointer;height:26px;width:64px}
.content a{display:none;float:right}
.fontset li{display:inline;float:left;height:26px;line-height:26px;margin-right:25px}
.fontset label{color:#555;display:inline;float:left;line-height:26px;margin-right:8px}
.fontset .i3{margin-right:0}
.pin{margin:18px 0 0 110px;position:relative}
.pin-trigger{background:rgba(0,0,0,0) url("//scdn.sojson.com/images/qr/img/pin-tri.jpg") no-repeat scroll 100px -13px;border:1px solid #ababab;cursor:pointer;height:30px;line-height:30px;text-indent:1em;width:120px}
.pin-panel{background:#dbdbdb none repeat scroll 0 0;bottom:0;display:none;height:265px;padding:15px 5px 5px;position:absolute;width:376px;z-index:999}
.pin-panel span{content:"";display:block;float:right;height:54px;margin:-54px -7px 0 0;width:130px}
.pin-panel ul{background:#f6f6f6 none repeat scroll 0 0;overflow:hidden;padding-left:0}
.pin-panel li.i1{background-position:7px 7px}
.pin-panel li.active{background-color:#c1e9f7;border:1px solid #0099cc}
.pin-panel li{background:#fff url("//scdn.sojson.com/images/qr/img/pin-panel.png") no-repeat scroll 0 0;border:1px solid #fff;display:inline;float:left;height:60px;margin:0 1px 1px 0;width:60px}
.pin-trigger-on{background-position:100px 12px}
.pin-panel li:hover{background-color:#c1e9f7;border:1px solid #cc0000}
.pin-panel li.i1{background-position:7px 7px}
.pin-panel li.i2{background-position:-54px 7px}
.pin-panel li.i3{background-position:-115px 7px}
.pin-panel li.i4{background-position:-176px 7px}
.pin-panel li.i5{background-position:-237px 7px}
.pin-panel li.i6{background-position:-299px 7px}
.pin-panel li.i7{background-position:7px -54px}
.pin-panel li.i8{background-position:-54px -54px}
.pin-panel li.i9{background-position:-115px -54px}
.pin-panel li.i10{background-position:-176px -54px}
.pin-panel li.i11{background-position:-237px -54px}
.pin-panel li.i12{background-position:-299px -54px}
.pin-panel li.i13{background-position:7px -115px}
.pin-panel li.i14{background-position:-54px -115px}
.pin-panel li.i15{background-position:-115px -115px}
.pin-panel li.i16{background-position:-176px -115px}
.pin-panel li.i17{background-position:-237px -115px}
.pin-panel li.i18{background-position:-299px -115px}
.pin-panel li.i19{background-position:7px -175px}
.pin-panel li.i20{background-position:-54px -175px}
.pin-panel li.i21{background-position:-115px -175px}
.pin-panel li.i22{background-position:-176px -175px}
.pin-panel li.i23{background-position:-237px -175px}
.baseset{overflow:hidden;padding:12px 0 0 15px !important;width:350px}
.baseset li{display:inline;float:left;height:24px;line-height:24px;margin-bottom:5px;margin-right:30px}
.baseset label{display:inline;float:left;margin-right:8px;text-align:right;width:58px}
.baseset select{width:70px}
.urltype{overflow:hidden}
.urltype p{margin-bottom:15px;overflow:hidden}
.urltype p span{color:#555;display:inline;float:left;font-size:14px;line-height:20px}
.urltype p input{display:inline;float:left;height:13px;margin:4px 0 0 10px;vertical-align:middle;width:13px}
.urltype ul{clear:both;display:none;margin:0 0 10px 30px;overflow:hidden}
.urltype li{background:rgba(0,0,0,0) url("//scdn.sojson.com/images/qr/img/bigicon.gif") no-repeat scroll 0 0;color:#555;font-size:14px;height:28px;line-height:28px;margin-bottom:10px;overflow:hidden;padding:0 0 0 36px;vertical-align:middle}
.urltype li input{height:13px;margin:7px 4px 0 0;vertical-align:top;width:13px}
.urltype li span{margin-left:27px}
.urltype li input{height:13px;margin:7px 4px 0 0;vertical-align:top;width:13px}
.urltype li.sina{background-position:0 -36px}
.urltype li.taobao{background-position:0 -74px}
.urltype li input{height:13px;margin:7px 4px 0 0;vertical-align:top;width:13px}
.urlbox{margin-bottom:10px}
.url{border:1px solid #ababab;height:30px;line-height:30px;margin:0;padding:5px 7px;width:384px}
.inner{width:960px;float:left}
.mod-view{overflow:hidden}
.module{background:#fff none repeat scroll 0 0}
.mod-view .bd{float:left;overflow:hidden;padding:30px;width:360px}
.mod-view .bd canvas{background:#ffffff none repeat scroll 0 0;box-shadow:1px 2px 5px rgba(0,0,0,0.5);height:360px;line-height:360px;text-align:center;width:360px}
.mod-view .ft{line-height:28px;margin-left:420px;min-width:120px;padding:25px 30px}
.mod-view .ft p{margin-bottom:10px}
.mod-view .ft label{display:block;font-size:16px;line-height:30px}
.mod-view .ft textarea{border:1px solid #ebebeb;display:block;height:100px;line-height:22px;overflow:auto;padding:5px 3%;resize:none;width:98%}
.mod-view .ft input[name="size"]{border:1px solid #ebebeb;width:304px;float:left}
.mod-view .ft input,.mod-view .ft span{vertical-align:middle}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea{font-family:"Microsoft Yahei",Arial,Helvetica;outline:medium none}
.mod-view .ft input[name="value"]{border:1px solid #ebebeb;line-height:22px;margin:0 7px;padding:2px 7px;text-align:center;width:64px}
.mod-view .btn{background:#0088cc  none repeat scroll 0 0;border:medium none;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;height:40px;line-height:30px;margin:20px 4px;text-align:center;vertical-align:middle;width:144px}
.mod-store{background:#fff url("//cdn.sojson.com/images/qr/img/slogan.png") no-repeat scroll right 15px;padding:0 30px 30px}
.mod-store .hd{padding:15px 0}
.mod-store .hd h3{font-size:18px;font-weight:normal}
.mod-store .bd{border-bottom:1px solid #ddd}
.mod-store .nav{border-bottom:1px solid #ddd;height:37px;margin-bottom:15px}
.mod-store .nav li.active{border-bottom:2px solid #3990ab}
.mod-store .nav li{float:left;font-size:16px;height:36px;line-height:36px}
.mod-store .nav li a{display:block;padding:0 20px}
.mod-store .panel{border:0 none;border-radius:0;margin:0;padding:15px 0 25px;background:rgba(0,0,0,0) none repeat scroll 0 0;box-shadow:none}
.mod-store .panel ul{overflow:hidden;padding-left:0}
.mod-store .panel li{border:2px solid #ffffff;float:left;width:150px}
.mod-store label{line-height:30px;text-align:center;cursor:pointer}
.mod-store label input[type="radio"]{display:none}
.mod-store label img{width:146px}
.mod-store label img,.mod-store label span{display:block}
.inner ol,.inner ul{list-style:outside none none}
.mod-store .panel li.active{border-color:#33b5e5}