/* Reset */
html{-webkit-text-size-adjust:100%;}
body,html,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,header,menu,section,p,input{padding:0;margin:0;}
body,textarea,select,input,button{font-size:12px; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; color:#222;}
html,body{width:100%; height:auto; border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,i{font-style:normal;text-align:left;}
html,body,img,iframe{border:0;}
textarea{resize:none; overflow:auto;}
input:focus,textarea:focus{outline:none;} 
input::-ms-clear,::-ms-reveal{display:none;}
li,s{list-style:none;}
body,div,span,p,i,em,strong{cursor:default;}
a[hidefocus]{outline:none;}
a,a:hover{text-decoration:none;}
a,a *{cursor:pointer;}

/* Function */
.f-cb:after{clear:both;content:'.';display:block;height:0;visibility:hidden;}
.f-cb{*zoom:1;}
.f-ib{display:inline-block;}
.f-pr{position:relative;}
.f-pa{position:absolute;}
.f-hide,.js-hide{display:none;}
.f-vhide,.js-vhide{visibility:hidden;}
.f-oh{overflow:hidden;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-sep{margin-left:5px; margin-right:5px;}
.f-mgt5{margin-top:5px;}
.f-mgt10{margin-top:10px;}
.f-mgt15{margin-top:15px;}
.f-ff0{font-family:Arial, Helvetica, sans-serif;}
.f-ff1{font-family:simsun,\5b8b\4f53;}
.f-fs0{font-size:12px;}
.f-fs1{font-size:14px;}
.f-fs2{font-size:16px;}
.f-fs3{font-size:18px;}
.f-fw0{font-weight:normal;}
.f-fw1{font-weight:bold;}
.f-noul,.f-noul:hover{ text-decoration:none;}
.f-pre{word-wrap:break-word; word-break:break-all;}
.f-thide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.f-thide2{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.f-nw{white-space:nowrap;}
.f-tid{text-indent:-9999px;}
.f-cp{cursor:pointer;}
.f-dft{cursor:default;}
.f-tc{text-align:center;}
.f-bd{position:relative;}
.f-bd *{position:relative; z-index:2;}
.f-bd:after{position:absolute; z-index:1; content:''; top:0; left:0; width:200%; height:200%; pointer-events:none;
	-moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	-moz-transform:scale(0.5); -ms-transform:scale(0.5); -webkit-transform:scale(0.5); transform:scale(0.5); 
	-moz-transform-origin:left top; -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top;
}

/* Font */
.s-fc0{color:#fff;}
.s-fc1{color:#333}
.s-fc2{color:#0c73c2;}/* blue */
.s-fc3{color:#666;}
.s-fc4{color:#999;}
.s-fc5{color:#d10303;}/* red */

/* background */
.m-opentip .lay{background:#f9f9f9 url(../img/opentip.png) 100% 4px no-repeat; background-size:127px auto;}
.m-opentip .lay1{background:#f9f9f9 url(../img/opentip_weibo.png) 100% 4px no-repeat; background-size:127px auto;}
header .logo,header .btn{background:url(../img/head.png) no-repeat;}
.m-btn a:after{background:url(../img/btn.png) no-repeat 0 9999px;}
.m-btmlay:after{background:url(../img/btm_topline.png) repeat-x;}
.m-btmlay .btn:before{background:url(../img/btm.png) no-repeat 0 9999px;}
@media screen and (min-resolution:97dpi)/* for window phone */, screen and (-webkit-min-device-pixel-ratio:1.2)/* other handle */{
	header .logo,header .btn{background-image:url(../img/head_2x.png); background-size:100px auto;}
	.m-btn a:after{background-image:url(../img/btn_2x.png); background-size:160px auto;}
	.m-btmlay .btn:before{background-image:url(../img/btm_2x.png); background-size:20px auto;}
}

/* Layout */

.g-hasbtm{padding-bottom:45px;}
/* header */
header{height:54px; padding:0 10px; background:#262626;}
header .logo{float:left; width:38px; height:38px; margin-top:8px; background-position:0 0;}
header .sl{margin-left:46px; padding-top:5px; line-height:1.6;}
header .sl h1{font-size:14px; color:#fff; text-shadow:0 1px rgba(0,0,0,0.5);}
header .sl p{font-size:11px; color:#888; text-shadow:0 1px rgba(0,0,0,0.4); }
header .btn{float:right; width:67px; height:25px; margin-top:15px; background-position:0 -45px; text-align:center; line-height:24px; color:#fff; text-shadow:0 1px rgba(0,0,0,0.3);}

/* btns */
.m-btn{width:295px;  margin:0 auto;}
.m-btn-1{padding:20px 0;}
.m-btn a{display:block; position:relative; float:left; width:140px; height:45px; border-radius:4px; border:1px solid;}
.m-btn a:hover{ text-decoration:none;}
.m-btn a:after{position:absolute; content:'';top:50%; left:50%;}
.m-btn a.btn1{background-position:0 -295px; text-indent:-9999px; border-color:#4182c5 #2c69a6 #1a538c; box-shadow:inset 0 0 1px rgba(255,255,255,0.7);
	background:-moz-linear-gradient(#589be0, #3076be);
	background:-webkit-linear-gradient(#589be0, #3076be);
	background:linear-gradient(#589be0, #3076be);
}
.m-btn a.btn1:after{width:112px; height:24px; margin:-12px 0 0 -56px; background-position:0 0;}
.m-btn a.btn2{float:right; background-position:0 -345px; text-indent:-9999px; border-color:#bfbfc6; box-shadow:inset 0 0 1px rgba(255,255,255,1);
	background:-moz-linear-gradient(#f4f6f7, #e1e3e5);
	background:-webkit-linear-gradient(#f4f6f7, #e1e3e5);
	background:linear-gradient(#f4f6f7, #e1e3e5);
}
.m-btn a.btn2:after{width:120px; height:22px; margin:-10px 0 0 -60px; background-position:1px -40px;}
.m-btn a.btn2-1:after{width:102px; height:22px; margin:-10px 0 0 -51px; background-position:0 -80px;}

/* .footer */
.m-note{margin-top:10px; font-size:13px; line-height:35px; text-shadow:0 1px 0 #fff; color:#999; text-align:center;}

.footer{height:43px; margin:50px 20px 0; border-top:1px dotted #d7d9db; text-align:center;}
.footer.fixed{position:fixed; bottom:0; left:0; right:0;}
.footer p{height:42px; padding-top:6px; font-size:12px; color:#999; text-shadow:1px 1px 0px #fff;}
.footer .sep{margin:0 3px;}

/* btm layer btn */
.m-btmlay{position:fixed; z-index:1000; bottom:0; left:0; right:0; width:100%; height:45px; line-height:45px;
	background:-moz-linear-gradient(#404040, #303030);
	background:-webkit-linear-gradient(#404040, #303030);
	background:linear-gradient(#404040, #303030);
}
.m-btmlay:after{position:absolute; top:0; left:0; width:100%; height:2px; content:'';}
.m-btmlay .btn{float:left; width:50%; height:100%; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:15px; box-sizing:border-box;}
.m-btmlay .btn:before{display:inline-block; width:20px; height:20px; margin:-3px 5px 0 0; content:''; vertical-align:middle;}
.m-btmlay .btn:first-child{border-right:1px solid #202020;}
.m-btmlay .btn:last-child{border-left:1px solid #494949;}
.m-btmlay .btn:first-child:before{background-position:0 0;}
.m-btmlay .btn:last-child:before{background-position:0 -25px;}

/* hack for unsupported client when link out, such as weixin, weibo. */
.m-mask{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:100;background-color:#000;opacity:0.8;}
.m-opentip{position:fixed; height:144px; top:0; left:10px; right:10px; z-index:101;}
.m-opentip .lay,.m-opentip .lay1{width:100%; height:120px; background-color:#f9f9f9; border-radius:0 0 8px 8px;}
.m-opentip .note{float:right; margin:39px 58px 0 0; width:160px; line-height:20px;}
.m-opentip h3{font-size:20px; margin-bottom:6px; font-weight:normal;}
.m-opentip p{font-size:14px;}

@media screen and (min-width:667px){
	header .logo,header .btn{background:url(../img/head_ipad.png) no-repeat;}
	.m-btmlay .btn:before{background-image:url(../img/btm_ipad.png);}
	header{height:90px; padding:0 30px;}
	header .logo{width:62px; height:70px; margin-top:14px; background-position:0 0;}
	header .sl{margin-left:77px; padding-top:14px; line-height:1.7;}
	header .sl h1{font-size:21px;}
	header .sl p{font-size:15px;}
	header .btn{width:103px; height:39px; margin-top:27px; background-position:0 -70px; font-size:14px; line-height:36px; }
	.m-btn{width:400px;margin-top:37px;}
	.m-btn a{width:180px; height:50px;}
	.m-note{margin-top:40px; font-size:14px;}
	.footer p{font-size:14px;}
	.m-btmlay{height:60px;line-height:60px;}
	.m-btmlay .btn{font-size:20px;}
	.m-btmlay .btn:before{width:30px; height:30px;}
	.m-btmlay .btn:last-child:before{background-position:0 -35px;}
	.g-hasbtm{padding-bottom:80px;}
}
@media screen and (min-width:667px) and (-webkit-min-device-pixel-ratio:1.2){
	header .logo,header .btn{background:url(../img/head_ipad_2x.png) no-repeat; background-size:120px;}
	.m-btmlay .btn:before{background-image:url(../img/btm_ipad_2x.png); background-size:30px auto;}	
}
/* Background */
.m-logo,.m-choose li i,.m-choose li em{background:url(../img/sonos/logo_cm_8.png) no-repeat;}
.u-dlt,.u-err,.u-ok{background:url(../img/sonos/sprite_8.png) no-repeat;}
.m-hr{background:url(../img/sonos/line.png) repeat-x 0 center;}
@media screen and (min-resolution:97dpi)/* for window phone */, screen and (-webkit-min-device-pixel-ratio:1.2)/* other handle */{
	.m-logo,.m-choose li i,.m-choose li em{background-image:url(../img/sonos/logo_cm_2x.png); background-size:225px auto;}
	.u-dlt,.u-err,.u-ok{background-image:url(../img/sonos/sprite_2x.png); background-size:25px auto;}
	.m-hr{background-image:url(../img/sonos/line_2x.png); background-size:auto 2px;}
}
@media screen and (min-width:667px){
	.m-logo,.m-choose li i,.m-choose li em{background:url(../img/sonos/logo_cm.png) no-repeat;}
	.u-dlt,.u-err,.u-ok{background:url(../img/sonos/sprite.png) no-repeat;}
	.m-hr{background:url(../img/sonos/line.png) repeat-x 0 center;}
}
@media screen and (min-width:667px) and (-webkit-min-device-pixel-ratio:1.2){
	.m-logo,.m-choose li i,.m-choose li em{background-image:url(../img/sonos/logo_cm_2x.png); background-size:225px auto;}
	.u-dlt,.u-err,.u-ok{background-image:url(../img/sonos/sprite_2x.png); background-size:25px auto;}
	.m-hr{background-image:url(../img/sonos/line_2x.png); background-size:auto 2px;}
}


/* Sonos Layout */
html,body{background:#f1f2f3; overflow-x:hidden;}
h1,h2,h3{font-weight:normal;}
.m-fgt a,.m-rgt p a{text-decoration:underline;}
.g-wrap{width:300px; margin:0 auto;}
.m-logo{width:220px; height:60px; margin:44px auto 29px;}
.m-choose{width:270px; margin:0 auto; background:#fefefe;}
.m-choose:after{border:1px solid #d4d5d5;}
.m-choose li{height:51px; line-height:51px; color:#333; font-size:16px;}
.m-choose li:after{border-bottom:1px solid #ccc;}
.m-choose li a{position:relative; display:block; width:100%; height:100%; color:#333;}
.m-choose li i{float:left; width:32px; height:32px; margin:9px 14px 0 29px;}
.m-choose li.mobile i{background-position:0 -65px;}
.m-choose li.sina i{background-position:-35px -65px;}
.m-choose li.netease i{background-position:-70px -65px;}
.m-choose li.qq i{background-position:-105px -65px;}
.m-choose li em{position:absolute; top:20px; right:25px; width:6px; height:10px; background-position:0 -100px;}

h1{margin:24px 0 20px; font-size:19px; text-align:center;}

.m-log .iptwrap,.u-ipt{border-radius:4px;}
.m-log .iptwrap:after,.u-ipt:after{border-radius:8px;} 
.m-log .iptwrap,.u-ipt{height:101px; background:#fff;}
.m-log .iptwrap:after,.u-ipt:after{border:1px solid #d4d5d5;}
.m-log .ipt{position:relative; height:49px;}
.m-log .ipt:first-child{height:50px;}
.m-log .ipt:first-child:after{border-bottom:1px solid #d4d5d5;}
.m-log .ipt input,.u-ipt input{width:280px; margin:16px 10px 0; padding:0; border:none; background:#fff; font-size:17px; line-height:20px;}
.m-log .fill{position:absolute; top:49px; left:0; width:298px; background:#fff; border:1px solid #ccc;}
.m-log .fill a{display:block; height:25px; padding-left:5px; line-height:25px;color:#000;}
.m-log .fill a:hover,.m-log .fill .js-selected{ background:#f2f2f2; text-decoration:none;}

.m-log .dlt,.u-ipt .dlt{position:absolute; top:16px; right:13px; text-indent:-9999px;}
.m-hr{height:16px; margin:18px 0; line-height:16px; text-align:center;}
.m-hr em{display:inline-block; width:50px; background:#f1f2f3; color:#b2b2b2; font-size:12px; text-shadow:0 1px #fff; text-align:center;}
.m-btnwrap{margin-top:20px;}
.m-btnwrap .btn{float:left; width:140px;}
.m-btnwrap .btn:last-child{float:right;}
.m-fgt{margin-top:12px; font-size:15px; text-align:center;}
.m-fd{height:16px; margin-top:7px; line-height:16px; font-size:12px;}
.m-fd i{float:left; margin-right:7px; vertical-align:middle;}
.m-name .u-ipt{margin-bottom:10px;}
.m-name .btnwrap{margin-top:20px;}
.m-rgt p{font-size:15px; line-height:1.6;}
.m-rgt p:nth-of-type(2){font-size:14px;} 
.m-rgt .u-ipt{margin:10px 0;}
.m-band p{font-size:17px;}
.m-btm{margin-top:13px; font-size:14px; text-align:center;}
.footer{width:310px; margin-left:auto; margin-right:auto;}
.footer p{font-size:11px;}

/* unit */
.u-dlt{width:19px; height:19px; background-position:0 0;}
.u-err,.u-ok{width:16px; height:16px; background-position:0 -25px;}
.u-ok{background-position:0 -45px;}
.u-btn{display:block; width:300px; height:45px; box-sizing:border-box; border:1px solid; border-radius:4px; line-height:45px; text-align:center; font-size:18px;}
.u-btn-red{border-color:#aa0101 #a50000 #a10000; box-shadow:inset 0 0 1px rgba(255,255,255,0.4); text-shadow:0 1px rgba(0,0,0,0.4); 
	background:-moz-linear-gradient(#c52924, #b21f1b);
	background:-webkit-linear-gradient(#c52924, #b21f1b);
	background:linear-gradient(#c52924, #b21f1b);
}
.u-btn-red,.u-btn-red:hover{color:#fff;}
.u-btn-white{border-color:#dbdbdb #d5d5d5 #d0d0d0;text-shadow:0 1px rgba(255,255,255,0.4);
	background:-moz-linear-gradient(#fff, #f5f5f5);
	background:-webkit-linear-gradient(#fff, #f5f5f5);
	background:linear-gradient(#fff, #f5f5f5);
}
.u-btn-white,.u-btn-white:hover{color:#333;}
.u-btn-fg,.u-btn-fg:hover{color:#666;}
.u-ipt{height:50px;}
.u-ipt-rgt strong{float:left; width:72px; height:50px; background:#e3e3e3; border-radius:4px 0 0 4px; font-family:Arial, Helvetica, sans-serif; font-size:20px; text-align:center; line-height:50px}
.u-ipt-rgt strong:after{border:1px solid #c3c3c3; border-radius:8px 0 0 8px;}
.u-ipt-rgt input{float:left; width:200px;}
input::-webkit-input-placeholder{color:#c9c9c9;}
input::-moz-placeholder{color:#c9c9c9;}          
input::-ms-input-placeholder{color:#c9c9c9;}


/* For WebIE */
#forweb .f-bd:after{display:none;}
#forweb .m-choose, #forweb .iptwrap{border:1px solid #e4e4e4; border-bottom:none;}
#forweb .m-choose li, #forweb .iptwrap .ipt{border-bottom:1px solid #e4e4e4;}
#forweb .m-choose li a:hover{background:#f5f5f5;}
#forweb .u-btn-white{background:#fff;}
#forweb .u-btn-white:hover{background:#f5f5f5;}
#forweb .u-btn-red{background:#c12722;}
#forweb .u-btn-red:hover{background:#bd120d;}
#forweb .m-btnwrap .u-btn-white{margin-right:15px;}
#forweb .u-ipt{border:1px solid #e4e4e4;}
#forweb .m-log .ipt, #forweb .u-ipt{padding:15px 10px 0; position:relative; zoom:1;}
#forweb .m-log .ipt input, #forweb .u-ipt input{margin:0;}
#forweb .holder-parent{position:relative;}
#forweb .holder-parent .holder{position:absolute; font-size:17px; line-height:20px; color:#c9c9c9; cursor:text;}
#forweb .m-log .ipt{height:34px;}
#forweb .m-log .ipt:first-child, #forweb .u-ipt{height:35px;}
#forweb .u-ipt-rgt{padding-left:80px;}
#forweb .u-ipt-rgt strong{position:absolute; top:0; left:0; }
#forweb .u-ipt-rgt .holder-parent{display:block;}
#forweb .m-log .dlt, #forweb .u-ipt .dlt{top:0px; right:0px;}
#forweb .m-log .ipt .dlt{right:10px; top:15px;}
#forweb .m-log .fill{left:-1px;}
#forweb .u-ipt-rgt .dlt{top:15px;right:10px;}

/** 第三方拖动验证码的样式  **/
.ScapTcha{position:relative;display:inline-block;}
.ScapTcha .clr{clear:both}
.ScapTcha .contents{position:relative;}
.ScapTcha .ImageSlider{height:100px;position:absolute;bottom:44px;display:none;z-index:999;}
.ScapTcha .fgSlider {position:absolute;top:0px;left:6px}
.ScapTcha .bgSlider{position:relative;height:32px;margin-top:0px;background:#F9F9F9;border-radius:16px;border:1px solid #cbcbcb;}
.ScapTcha .iefix{background:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";zoom:1;}
.ScapTcha .Slider{width:72px;height:32px;background:transparent url('../img/3rd/scaptcha/slider.png') no-repeat;cursor:pointer;position:absolute;left:0px;}
.ScapTcha .sliderValid{background:transparent url('../img/3rd/scaptcha/slider_valid.png') no-repeat;}
.ScapTcha .sliderInvalid{background:transparent url('../img/3rd/scaptcha/slider_invalid.png') no-repeat;}
.ScapTcha .TxtStatus{text-align:left;color:#fa5b5b;font-size:12px;margin-left:332px;width:100px;height:32px;line-height:32px;position:absolute;bottom:0;left:0;top:0;}
.ScapTcha .TxtHint{overflow:hidden;color:#a8a8a8;font-size:12px;text-align:center;line-height:32px;}
.ScapTcha .TxtStatus img#failed{float:left;padding-top:9px;padding-right:10px;}
.ScapTcha .TxtStatus img#successed{padding-right:10px;position:relative;display:block;top:50%;margin-top:-7px;vertical-align:middle;}
.ScapTcha .dropSuccess{color:#006400;}
.ScapTcha .dropError{color:#fa5b5b;}
.pre-captcha-wrapper{height:618px;}