*{padding:0;margin:0}
html,body,div,p,ul,ol,dl,li,dt,dd,span,strong,a,img,input,textarea,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:"Microsoft YaHei";font-weight:normal}
body{font:12px/150% "Microsoft YaHei";color:#666;background:#fff}
a,input{text-decoration:none; outline:none}
img{border:0; display:block}
li{list-style:none}
em, i, u{font-style:normal}
.clearfix:after,.w:after{content:' ';display:block;clear:both;height:0;visibility:hidden}
.hide{display:none}

/*
 * 用户登录样式表
 * date：2018-02-07
 */

.w{width:1000px;margin:0 auto}
.logo{position:relative;width:300px;margin:20px 0;height:60px;float:left}
.logo b{display:block;width:110px;height:40px;position:absolute;right:0;bottom:0;background:url(images/l-icon.png) no-repeat}
.q-link{position:relative;color:#666;float:right;top:50px;font-size:14px}
.q-link:hover{color:#00A1E9}
/********************************************/
.login-wrap{position:relative;height:480px;margin:0;z-index:5}
.login-form{position:relative;z-index:4;background:#fff;overflow:visible;width:350px;float:right;top:20px}
/*提示框*/
.tips-wrapper{background:#fff8f0;width:100%;padding-top:10px;padding-bottom:10px;text-align:center}
.tips-wrapper .cont-wrapper{display:inline-block;width:90%}
.tips-wrapper .icon-tips{background:url(images/icon-tips.png);display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:5px}
.tips-wrapper .tips-inner p{vertical-align:middle;color:#999;font-size:12px;display:inline-block}
/*登录方式*/
.login-form .login-tab{height:54px;font-size:16px;font-family:"microsoft yahei";text-align:center;border-bottom:1px solid #f4f4f4;position:absolute;background:#fff;display:block}
.login-form .login-tab-l, .login-form .login-tab-r{width:173px}
.login-form .login-tab-r{right:0}
.login-form .login-tab a{width:99%;position:absolute;left:0;top:18px;border-right:1px solid #f4f4f4;text-decoration:none;color:#666}
.login-form .login-tab-r a{border:none}
.login-form .login-tab a.checked, .login-form .login-tab a:hover{color:#e4393c}
/*登录主体*/
.login-form .login-box{width:310px;padding:20px;visibility:visible;display:block}
.login-form .login-box .mt{display:block;width:310px;overflow:hidden;height:35px}
.login-form .msg-wrap{min-height:23px;margin-top:5px;margin-bottom:5px;height:auto!important}
.login-form .msg-error{position:relative;background:#ffebeb;color:#e4393c;border:1px solid #faccc6;padding:3px 10px 3px 40px;line-height:15px;height:auto}
.login-form .msg-error b{position:absolute;top:50%;left:10px;display:block;margin-top:-8px;width:16px;height:16px;overflow:hidden;background:url(images/pwd-icons-new.png) -104px -49px no-repeat}
.login-form .msg-wrap .validform_wrong{display:block !important}
.login-form .login-box .mc{overflow:visible}
.form .item{position:relative;margin-bottom:20px;z-index:1}
.form .item-fore1,.form .item-fore2{border:1px solid #e5e5e5;height:38px;width:308px}
.form .item .login-label{position:absolute;z-index:3;top:0;left:0;width:38px;height:38px;border-right:1px solid #e5e5e5;background:url(images/pwd-icons-new.png) no-repeat}
.form .item .name-label{background-position:0 0}
.form .item .pwd-label{background-position:-48px 0}
.form .item-focus{border:1px solid #bbb}
.form .item-focus .name-label{background-position:0 -48px;border-color:#bbb}
.form .item-focus .pwd-label{background-position:-48px -48px;border-color:#bbb}
.form .item-error{border:1px solid #e4393c}
.form .item-error .name-label{background-position:0 -96px;border-color:#e4393c}
.form .item-error .pwd-label{background-position:-48px -96px;border-color:#e4393c}
.form .itxt{line-height:18px;height:18px;border:0;padding:10px 0 10px 50px;width:258px;float:none;overflow:hidden;font-size:14px;font-family:"Microsoft YaHei"}
.form .item-fore1 .clear-btn,.form .item-fore2 .clear-btn{position:absolute;z-index:20;right:6px;top:12px;width:14px;height:14px;background:url(images/pwd-icons-new.png) -25px -143px no-repeat;cursor:pointer;display:none}
.form .item-fore1 .capslock,.form .item-fore2 .capslock{position:absolute;z-index:4;display:none;width:106px;top:28px;left:50px;padding-left:26px;height:26px;line-height:28px;overflow:hidden;background:url(images/capslock.png) no-repeat}
.form .item-fore1 .capslock b,.form .item-fore2 .capslock b{display:block;position:absolute;top:7px;left:10px;width:10px;height:14px;overflow:hidden;background:url(images/pwd-icons-new.png) -104px -133px no-repeat}
.login-form .login-box .safe{position:relative;color:#666}
.login-form .login-box .safe .forget-pw-safe{float:right;color:#666}
.login-form .login-box .safe .forget-pw-safe a{color:#666}
.login-form .login-box .safe .forget-pw-safe a:hover{color:#00A1E9;text-decoration:underline}
.form .item-fore4{margin-bottom:10px}
.login-form .login-box .login-btn{border:1px solid #cb2a2d;margin:0 auto;height:32px;width:308px;position:relative}
.login-form .login-box .login-btn .btn-img{border:1px solid #e85356;display:block;width:306px;background:#e4393c;height:30px;line-height:30px;color:#fff;font-size:16px;font-family:'Microsoft YaHei';text-align:center}
/********************************************/
.coagent{padding-left:20px;padding-right:20px;line-height:50px;border-top:1px solid #f4f4f4;height:auto;background-color:#fcfcfc}
.coagent ul{display:block}
.coagent ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.coagent li{float:left;font-size:0}
.coagent li a.pdl{display:inline-block;position:relative;padding-left:24px;color:#666;font-size:12px}
.coagent li a.pdl:hover{color:#00A1E9}
.coagent li a.pdl b{width:19px;height:18px;display:block;background:url(images/QQ-weixin.png) no-repeat;margin:0 auto;position:absolute;float:left;left:0;top:16px}
.coagent li a.pdl b.QQ-icon{background-position:0 0}
.coagent li a.pdl b.weixin-icon{background-position:-20px 0}
.coagent li .line{color:#ccc;padding:0 10px}
.coagent li.extra-r{float:right}
.coagent .regist-link{color:#b61d1d;font-size:14px}
.coagent .regist-link a{color:#b61d1d}
.coagent .regist-link a:hover{text-decoration:underline}
.coagent .regist-link b{display:inline-block;width:16px;height:16px;overflow:hidden;background:url(images/pwd-icons-new.png) -104px -75px no-repeat;vertical-align:middle;margin-right:5px}
/********************************************/
.login-wrap .login-banner{position:absolute;left:0;top:0;width:100%;height:480px;background:#e93854}
.login-banner .i-inner{position:relative;z-index:3;height:480px;width:100%}

/*
 * 用户注册样式表
 * date：2018-02-07
 */

.reg .w{width:1200px}
.header{height:110px;background:url(images/headbg.jpg) repeat-x left bottom}
.header .logo{width:150px;height:50px;float:left;margin-top:24px;overflow:hidden}
.header .logo img{width:150px;height:50px}
.header .logo-title{float:left;height:34px;line-height:34px;font-size:24px;color:#333;padding-left:20px;margin-top:34px}
.header .have-account{font-size:14px;float:right;margin-top:55px;color:#999}
.header .have-account a{color:#333}
.header .have-account a:hover{color:#00A1E9;text-decoration:underline}
/********************************************/
.main{padding:50px 0 60px 0;width:830px;margin:auto}
.reg-form{width:400px;margin:auto}
.form-item{position:relative;width:400px;height:84px;z-index:0}
.form-item label{width:90px;height:52px;line-height:52px;padding-left:20px;font-size:14px;color:#666;position:absolute;top:0;left:0;z-index:3}
.form-item .field{border:1px solid #ddd;font-size:14px;width:220px;height:20px;padding:15px 48px 15px 130px;position:absolute;left:0;top:0;z-index:2}
.form-item .field:hover,.form-item .field:focus{border-color:#999}
.form-item .field.validform_error{border:1px solid #e22}
.form-item .field::-webkit-input-placeholder{color:#ccc}
.form-item .field:-moz-placeholder{color:#ccc}
.form-item .field::-moz-placeholder{color:#ccc}
.form-item .field:-ms-input-placeholder{color:#ccc}
.form-item .btn-phonecode{position:absolute;right:4px;top:4px;width:110px;height:44px;background:#f2f2f2;color:#333;padding:0;z-index:5}
.form-item .btn-phonecode img{width:50px;height:28px;display:block;margin:8px auto}
.form-item .input-tip,.form-item .validform_checktip{color:#c5c5c5;height:27px;font-size:12px;padding-top:5px;display:none;position:absolute;bottom:0;left:0;right:0}
.form-item .input-tip i,.form-item .validform_checktip i{display:inline-block;width:16px;height:16px;vertical-align:text-top;margin-right:8px}
.form-item .validform_wrong{color:#e22}
.form-item .validform_right{display:block !important;position:absolute;display:none;width:16px;height:16px;top:18px;right:20px;z-index:5;padding-top:0;font-size:0;bottom:auto;left:auto}
.form-item.form-item-valid .validform_right{right:125px}
.btn-register{width:100%;height:54px;color:#fff;background:#e22;border:0;font-size:16px;font-family:"Microsoft YaHei";cursor:pointer}
.btn-register:hover{background:#c81623}
/********************************************/
.reg-other{margin:28px auto 0;width:400px}
.reg-other .reg-other-item{color:#333;cursor:pointer;font-size:14px}
.reg-other .reg-other-item:hover{color:#c81623}
.reg-other .reg-other-person{float:left}
.reg-other .reg-other-inter{float:right}
.reg-other .reg-ohter-icon{background:url(images/reg-icon.png) no-repeat}
.reg-other .reg-ohter-icon{display:inline-block;margin:0 8px 2px 0;width:26px;height:26px;background-position:0 -160px;vertical-align:middle}
.reg-other .reg-other-inter .reg-ohter-icon{background-position:-40px -160px}
/********************************************/
.footer{font-size:12px;text-align:center;color:#999;padding-bottom:30px}
.footer .links{padding-top:30px;padding-bottom:15px}
.footer a{color:#999;margin:0 10px}
.reg .footer{border-top:solid 1px #e6e6e6}
/********************************************/
.i-company,.i-def,.i-error,.validform_right,.i-regsucc{background:url(images/icon.png) no-repeat}
.i-company{background-position:0 -50px}
.i-def{background-position:0 -100px}
.i-error{background-position:-17px -100px}
.validform_right{background-position:0 -117px}
.validform_loading{display:none !important}
/********************************************/
.i-regsucc{width:54px;height:54px;margin:30px auto 10px auto;overflow:hidden;background-position:-75px -37px;background-size:300px 128px}
.regsucc-tit{height:50px;line-height:50px;font-size:18px;text-align:center;width:100%;color:#333}
.regsucc-tip{height:50px;line-height:50px;font-size:14px;text-align:center;width:100%;color:#666}
.regsucc-tit strong,.regsucc-tip strong{color:#00A1E9}
.regsucc-link{height:40px;line-height:40px;display:table;margin:25px auto}
.regsucc-link a{display:block;width:150px;height:40px;float:left;font-size:16px;background:#00A1E9;color:#fff;text-align:center;border-radius:2px;margin:0 10px}
.regsucc-link a.back{background:#eee;color:#333}

/*
 * 用户登录弹窗样式
 * date：2018-02-07
 */

.popuplogin .login-form{width:350px;height:365px;margin:auto;float:none;top:0}
.popuplogin .coagent{border:none;background:#fff}

/*
 * 用户设计师注册样式表
 * date：2018-04-19
 */

.regdesigner .w{width:1200px}
.regdesigner .footer{border-top:solid 1px #e6e6e6}
.progress-bar{position:relative;margin:50px auto 0;width:400px}
.progress-bar .pro-step{float:left;text-align:center;margin-left:92px}
.progress-bar .pro-step:first-child{margin-left:0}
.progress-bar .pro-line,.progress-bar .pro-step .step-index{background:url(images/reg-icon.png) no-repeat}
.progress-bar .pro-step .step-index{margin:0 auto;display:block;width:24px;height:24px;line-height:24px;background-position:-45px -200px;font-size:12px;font-weight:700;color:#ccc}
.progress-bar .cur-step .step-index{background-position:0 -200px;color:#fff}
.progress-bar .done-step .step-index{background-position:0 0;border:none}
.progress-bar .pro-step .step-desc{margin-top:10px;font-size:12px;color:#999}
.progress-bar .cur-step .step-desc{color:#3b4}
.progress-bar .done-step .step-desc{color:#3b4}
.progress-bar .pro-line{position:absolute;top:7px;width:125px;height:10px;background-position:0 -100px}
.progress-bar .pro-line1{left:56px}
.progress-bar .pro-line2{left:220px}
.progress-bar .cur-line{background-position:0 -130px}
.regdesigner .form-item .arrow{position:absolute;width:9px;height:5px;background:url(images/icon-arrow.png) no-repeat;right:20px;top:25px;z-index:5}
.regdesigner .form-item.area-wrap{z-index:6}
.regdesigner .area-content-wrap{width:374px;padding:12px 12px 15px;border:1px solid #ddd;background:#fff;position:absolute;top:51px;left:0}
.regdesigner .area-content-wrap .ui-area-tab{cursor:default;width:100%;height:25px;border-bottom:2px solid #e4393c;overflow:visible}
.regdesigner .area-content-wrap .ui-area-tab a{position:relative;float:left;height:23px;line-height:23px;padding:0 25px 1px 6px;margin-right:4px;border:1px solid #ddd;border-bottom:0;color:#005AA0;text-align:center;cursor:pointer;overflow:hidden;max-width:72px}
.regdesigner .area-content-wrap .ui-area-tab a i{background:url(../../static/images/search.ele.png) no-repeat 0 5px;position:absolute;right:6px;top:5px;display:block;width:13px;height:16px;overflow:hidden;opacity:.5}
.regdesigner .area-content-wrap .ui-area-tab a:hover{color:#005AA0;text-decoration:none}
.regdesigner .area-content-wrap .ui-area-tab a:hover i{opacity:1}
.regdesigner .area-content-wrap .ui-area-tab a.ui-area-current{height:25px;background-color:#fff;border:2px solid #e4393c;border-bottom:0;padding:0 25px 0 6px;line-height:22px;text-decoration:none}
.regdesigner .area-content-wrap .ui-area-content-list{padding-top:10px;overflow:hidden;width:100%;margin-bottom:-5px}
.regdesigner .area-content-wrap .ui-area-content-list li{float:left;width:25%;clear:none;line-height:22px;height:22px}
.regdesigner .area-content-wrap .ui-area-content-list li a{float:left;padding-right:16px;color:#005aa0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;box-sizing:border-box}
.regdesigner .area-content-wrap .ui-area-content-list li a:hover{color:#e4393c}
.regdesigner .area-content-wrap .ui-area-content-list li.ui-area-current a{color:#e4393c}
.regdesigner .area-content-wrap .ui-area-close{position:absolute;z-index:2;top:12px;right:12px;width:17px;height:17px;background:url(../../static/images/search.ele.png) no-repeat 3px -124px;background-repeat:no-repeat;cursor:pointer}
.regdesigner .form-item.style-wrap{z-index:4}
.regdesigner .style-content-wrap{width:374px;padding:12px 12px 15px;border:1px solid #ddd;background:#fff;position:absolute;top:51px;left:0;display:none}
.regdesigner .form-item.style-wrap-hover .style-content-wrap{display:block}
.regdesigner .style-content-wrap li{background:#eee;color:#aaa;border-radius:2px;line-height:28px;box-sizing:border-box;margin:5px;float:left;text-align:center;padding:0 8px}
.regdesigner .style-content-wrap li:hover{background:#ccc;cursor:pointer;color:#999}
.regdesigner .style-content-wrap li.active{background:#33bb44;color:#fff}
.regdesigner .ui-style-btn{height:30px;padding-top:10px;line-height:30px}
.regdesigner .ui-style-btn span{width:50%;float:left;text-align:center;cursor:pointer}
.regdesigner .ui-style-btn span:hover{opacity:.8}
.regdesigner .ui-style-btn .gray{background:#eee;color:#b5b5b5}
.regdesigner .ui-style-btn .green{background:#33bb44;color:#fff}
.regdesigner .success .icon{width:70px;height:70px;overflow:hidden;margin:15px auto 0;background:url(images/icon.png) no-repeat -100px -50px}
.regdesigner .success h1{text-align:center;padding:40px 0;color:#333}
.regdesigner .success h1 span{font-family:Arial}
.regdesigner .success a{display:block;background:#3b4;color:#fff;margin:auto;width:100px;height:35px;line-height:35px;text-align:center;border-radius:4px}
.regdesigner .success a:hover{background:#119722}
.regdesigner .failed .icon{background-position:-200px -50px}
.regdesigner .failed h1{color:#e4393c}
.regdesigner .failed a{background:#ef7e00}
.regdesigner .failed a:hover{background:#ef7e00;opacity:.8}