body 
{
    margin:0;
    width:100%;
    background-color:#fff;
}
a{ text-decoration:none;}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
table{border-collapse:collapse;border-spacing:0;empty-cells:show}
ol,ul,menu{list-style:none}
img{border:0}
a:focus{outline:0}
em,i{font-style:normal}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:-3px;outline:0}
button,input{border:1px solid;outline:0;line-height:normal;*overflow:visible}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}
input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;vertical-align:top}::selection{background:#72d0eb;color:#fff;text-shadow:none}::-moz-selection{background:#72d0eb;color:#fff;text-shadow:none}
*[hidden]{display:none}
.clearfix:after,.central:after,.widget ul:after,.paging:after,.pagenav:after,.base-tit:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.central,.widget ul,.paging,.pagenav,.base-tit{*+height:1%}
.ipt{border:solid 1px #d2d2d2;border-left-color:#ccc;border-top-color:#ccc;border-radius:2px;box-shadow:inset 0 1px 0 #f8f8f8;background-color:#fff;padding:4px 6px;height:21px;line-height:21px;color:#555;width:180px;vertical-align:baseline}
.ipt-mini{width:140px;padding:1px 3px}
.ipt:focus{border-color:#95c8f1;box-shadow:0 0 4px #95c8f1;}
/*
.btn{position:relative;cursor:pointer;display:inline-block;vertical-align:middle;font-size:12px;font-weight:700;height:27px;line-height:27px;min-width:52px;padding:0 12px;text-align:center;text-decoration:none;border-radius:2px;border:1px solid #ddd;color:#666;background-color:#f5f5f5;background:-webkit-linear-gradient(top,#F5F5F5,#F1F1F1);background:-moz-linear-gradient(top,#F5F5F5,#F1F1F1);background:linear-gradient(top,#F5F5F5,#F1F1F1)}
input.btn{height:29px}
.btn:hover{border-color:#c6c6c6;color:#333;background-color:#f8f8f8;background:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);background:linear-gradient(top,#f8f8f8,#f1f1f1);box-shadow:#ddd 0 1px 1px 0}
.btn:active,.btn.btn-active{box-shadow:#ddd 0 1px 2px 0 inset;border-color:#c6c6c6}
.btn:focus{border-color:#4d90fe;outline:0}*/
.btn-primary{border-color:#3079ed;color:#f3f7fc;background-color:#4d90fe;background:-webkit-linear-gradient(top,#4D90FE,#4787ED);background:-moz-linear-gradient(top,#4D90FE,#4787ED);background:linear-gradient(top,#4D90FE,#4787ED)}
.btn-primary:hover{border-color:#2f5bb7;color:#fff;background-color:#4d90fe;background:-webkit-linear-gradient(top,#4D90FE,#357AE8);background:-moz-linear-gradient(top,#4D90FE,#357AE8);background:linear-gradient(top,#4D90FE,#357AE8)}
.btn-primary:active,.btn-primary.btn-active{box-shadow:#2176d3 0 1px 2px 0 inset;border-color:#3079ed}
.btn-primary:focus{border-color:#4d90fe;outline:0}
.theme-buy{margin-top:10%;text-align:center}
.theme-gobuy,.theme-signin{font-size:15px}
.theme-price{position:relative;bottom:-6px;font-family:microsoft yahei,Arial,Helvetica,sans-serif;margin-right:20px;font-weight:700;color:#f60;line-height:32px;font-size:24px;display:inline-block}
.theme-price dfn{font-style:normal;font-size:18px;margin-right:2px}
.theme-desc{padding:30px} 
.theme-version{padding:30px}
.theme-popover-mask{z-index:9998;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4); display:none;}
.theme-popover{z-index:9999;position:fixed;top:50%;left:50%;width:450px;height:auto;margin:-160px 0 0 -225px;border-radius:5px;border:solid 2px #f8f8f8;background-color:#fff; box-shadow:0 0 10px #666; transition:all 0.3s ease 0.3s; }
.theme-popover-mask.active{ display:block;}
/*.theme-popover-mask.active .theme-popover{ opacity:1; transition:all 5s ease 1s; }*/
#select .theme-popover,#modal .theme-popover{ height:auto; margin-top:-89px;}
.theme-poptit{border-bottom:1px solid #ddd;padding:12px;position:relative}
.theme-popbod{padding:60px 15px;color:#444;height:auto;}
.theme-popbom{padding:15px;background-color:#f6f6f6;border-top:1px solid #ddd;border-radius:0 0 5px 5px;color:#666}
.theme-popbom a{margin-left:8px}
.theme-poptit .close{float:right;color:#555;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd}
.theme-poptit .close:hover{color:#000}
.btn.theme-reg{position:absolute;top:8px;left:43%;display:none}
.inp-gray,.feed-mail-inp{border:1px solid #ccc;background-color:#fdfdfd;width:220px;height:16px;padding:4px;color:#444;margin-right:6px}
.dform{padding:20px 30px 40px;text-align:center}
#select .dform{ padding:15px;}
.dform .ipt_error{background-color:#ffc;border-color:#fc6}
.dform-tip{display:none;background-color:#080;color:#fff;line-height:42px;margin-top:10px;display:;font-size:14px}
.dform-tip-errer{background-color:#cf301a}
.dform-tip a{display:inline-block;padding:0 20px;margin-left:10px;background-color:#ffe924;color:#cf301a}
.dform-login{padding:0;height:270px;overflow:hidden}.dform-login iframe{height:470px;margin-top:-180px}
.theme-signin{margin:-50px -20px -50px 90px;text-align:left;font-size:14px}
.theme-signin h4{color:#999;font-weight:100;margin-bottom:20px;font-size:12px}
.theme-signin li{padding-left:80px;margin-bottom:15px}
.theme-signin li strong{float:left;margin-left:-80px;width:80px;text-align:right;line-height:32px}
.theme-signin .btn{margin-bottom:10px}
.theme-signin p{font-size:12px;color:#999}
.theme-desc,.theme-version{padding-top:0}
.theme-popover h3{ font-size:18px; font-weight:300;}
.theme-bottom{padding:10px 0; width:100%; text-align:center; border-top:solid 1px #ddd; font-size:12px; display:inline-block;}
.theme-bottom a{color:#e04028;}
.theme-bottom a:hover{opacity:0.8;}

.theme-btns-box{float:left; margin-top:15px; padding:15px; width:100%; border-top:solid 1px #ddd;}
.theme-btns-box a.confirm{float:right;  padding:8px 20px; color:#fff; background-color:#d01212; color:#fff; border-radius:5px;}
.theme-btns-box a.confirm:hover{opacity:0.8;}


.mod-login-box{ margin-left:auto; margin-right:auto; width:400px; margin-top:30px; background-color:#f8f8f8; border-radius:10px; overflow:hidden; box-shadow:0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background: -moz-linear-gradient(top,  #ffffff,  #f2f2f2); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');}
.mod-login-box .head{float:left; width:100%; padding:5px 20px; line-height:45px; text-align:center; background-image:none; font-size:18px; font-weight:300;  border-bottom:solid 1px #ededed; color:#000; min-height:0;}
.mod-login-box.success{ width:100%;}
.mod-login-box .box{float:left; padding:15px 20px 15px; width:100%;}
.mod-form-content{float:left; width:100%; margin-top:0;}
.mod-form-content .list{float:left; width:100%; margin-bottom:18px; height:auto; font-family:Arial; position:relative;}
.mod-form-content .list.center{ text-align:center;}
.mod-form-content .list.center a{color:#01e7ff; text-decoration:underline; font-size:14px;}
.mod-form-content .list i{ position:absolute; right:5px; top:6px; line-height:26px; padding:0 5px; background-color:#ff0000; color:#fff; font-size:12px; font-style:normal;}
.mod-form-content .list a.wjmm,.mod-form-content .list .rember{float:right; font-size:12px; line-height:20px; margin-top:25px; color:#666;}
.mod-form-content .list .rember{float:left; margin-top:0; text-align:left;}
.mod-form-content .list .rember input{ margin-right:3px;}
.mod-form-content .list .tips{float:right; color:#ff0000; font-size:13px; margin-top:26px; margin-right:15px;}
.mod-form-content .list .label{float:left; width:100%; margin-right:0; line-height:40px; height:40px; font-size:15px; font-weight:300; color:#333; text-align:left; padding-left:2px;}
.mod-form-content .list span{ color:#ff0000; font-weight:bold; font-size:12px;}
.mod-form-content .list span.ts{ margin-top:3px; width:100%; display:inline-block; color:#888; font-weight:300; line-height:25px;}
.mod-form-content .list span.ts.s1{ float:none; display:inline-block; width:auto;}
.mod-form-content .list input[type="text"],.mod-form-content .list input[type="password"],.mod-form-content .list input[type="email"],.mod-form-content .list select{padding:6px; margin:0; border:solid 1px #e5e6e6; width:100%; line-height:26px; background:#fff; font-size:14px; color:#8d8d8d;}
.mod-form-content .list select{ padding:6px; height:40px; line-height:40px;box-sizing: border-box; border:solid 1px #e5e6e6; background:#fff;}
.mod-form-content .list input[type="text"],.mod-form-content .list select,.mod-form-content .list input[type="email"],.mod-form-content .list input[type="password"]{float:left; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}

.mod-form-content .list .error{position:absolute; right:5px; bottom:6px; line-height:26px; padding:0 5px; background-color:#d64117; color:#fff; display:none;}

.mod-form-content .list input[type="text"].yzm{width:145px;}
.mod-form-content .list input[type="file"]{ border:solid 1px #fff;box-shadow: none; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.mod-form-content .list input[type="text"]:focus,.mod-form-content .list input[type="password"]:focus,.mod-form-content .list select:focus,.mod-form-content .list input[type="file"]:focus,.mod-form-content .list input[type="email"]:focus{border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none;}
.mod-form-content .list input[type="text"].red,.mod-form-content .list select.red,.mod-form-content .list input.red{ border-color:#ee4035; color:#ee4035;}
.mod-form-content .list input[type="text"]:focus{color:#303030;}
.mod-form-content .list p{ text-align:center; font-family:CALIBRI;}
.mod-form-content .list #Image1,.mod-form-content .list #Image2{float:left; margin-top:1px; margin-left:12px; cursor:pointer;}
.mod-form-content .list.last{ margin-bottom:0; margin-top:10px; padding-top:8px; height:auto; line-height:25px; font-size:12px; text-align:center; border-top:solid 1px rgba(221,221,221,0.75); }
.mod-form-content .list.last a{color:#ec3509;}
a.add-btn,a.add-btn1,.add-btn,.add-btn1,a.add-btn2{float:left; padding:10px 18px; font-size:15px; line-height:20px; color:#fff; border-radius:7px; background:#ee4035; margin-right:8px; border:none; cursor:pointer;}
a.add-btn2{ background:#218e72;}
a.add-btn2:hover{ background:#259f7f; text-decoration:none;}
a.add-btn1,.add-btn1{ background:#147c61;}
a.add-btn:hover,.add-btn:hover{ background:#ff0f00; text-decoration:none;}
a.add-btn1:hover,.add-btn1:hover{ background:#0b5f49;text-decoration:none;}
a.add-btn.yzm,input[type="button"].yzm{border-radius:0 7px 7px 0;  background-color:rgba(214,65,23,0.5)}
input[type="button"][disabled].yzm{background-color:rgba(204,204,204,0.5); cursor:not-allowed;}
button[disabled],input[disabled="true"].yzm{ background-color:#dedede;}
.mod-form-content.s1{width:70%; margin-left:20%; margin-top:20px;}
.mod-form-content.s1 .list{ margin-bottom:12px; line-height:32px;}
.mod-form-content.s1 .label{width:100px; text-align:right; margin-right:10px; font-size:14px; line-height:32px;}
.mod-form-content.s1 label{ margin-right:10px;}
.mod-form-content.s1 .list input[type="text"],.mod-form-content.s1 .list input[type="password"],.mod-form-content.s1 .list input[type="email"],.mod-form-content.s1 .list select{ padding:3px; width:260px;}
.mod-form-content.s1 .list .picbox{float:left; width:120px; height:160px; overflow:hidden; position:relative;}
.mod-form-content.s1 .list .picbox img{width:100%; height:160px;}
.mod-form-content.s1 .list .picbox input[type="file"]{ position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; opacity:0;}
.mod-form-content.s1 .list span.tips{ font-size:13px; color:#f8931d;}

.mod-form-content.float{float:left; width:100%; padding:20px 15px 10px; box-sizing:border-box;}
.mod-form-content.rz input[type="text"]{ background-color:#f1f1f1;}
.mod-form-content.float .list{ margin-bottom:15px;}
.mod-form-content.float .list.last{ margin-bottom:0;}
.mod-form-content.float .list.s2{ height:auto; margin-top:8px; margin-bottom:0;}
.mod-form-content.float .list.s1{ margin-bottom:5px;}
.mod-form-content.float .label{ font-size:12px; height:35px; line-height:35px;}
.mod-form-content.float .list input[type="text"], .mod-form-content.float .list input[type="password"], .mod-form-content.float .list input[type="email"]{float:left; font-size:12px; width:100%; box-sizing:border-box;}
.mod-form-content.float .list input[type="text"].yzm{ width:90px;}
.mod-form-content.float label{float:left; width:auto; text-align:right;}
.mod-form-content.float label a{color:#01e7ff; text-decoration:underline;}
.mod-form-content.float select{float:left; width:48%; padding:5px; background-color:#fff; border:solid 1px #ddd;}
.mod-form-content.float select.month{float:right;}
.mod-panel1-box{float:left; width:100%;}
.mod-panel2-box{float:left; width:100%; display:none;}
.ts{float:left; margin-top:15px; width:100%; color:#ff0000;}
.top-bar div{float:right; margin-right:5px;}
.loged,.rec-login{float:right;  font-size:12px; line-height:32px; color:#fff;}
.loged .name{color:#ec3509;}
.loged .dividing{ margin:0 5px; display:inline-block;}
.loged a,.rec-login a{color:#fff;}
.loged a:hover,.rec-login a:hover{ text-decoration:underline;}
.rec-login a{ margin:0 5px;}

.buttons{
float: left;
margin-top: 10px;
padding:4px 23px 4px 23px;
min-width:47px;
width:100%;
line-height:30px;
background-color: #ed360a;
text-transform: uppercase;
color: #fff !important;
font-size:15px;
letter-spacing:1px;
border-radius:5px;
text-align: left;
box-sizing: content-box;
position: relative;
box-sizing:border-box;
}
.buttons.reg,.buttons.back{ background-color:#fcbf00; text-align:center; margin-left:10px;}
.buttons.skip{width:100%; box-sizing:border-box; text-align:center;}
input[type="submit"].buttons{ min-width:100px; text-align:center; border-radius:30px; border:none;}
.buttons.update{ padding-left:20px; padding-right:38px;}
a.buttons:hover{color:#fff;}
.buttons:before{
     font-family:fontello;
     position:absolute;
     right:12px;
     top:4px;
     content:"\e820";
     width:25px;
     height:30px;
     font-size:20px;
     text-align:center;
     line-height:30px;
}
.buttons.reg:before,.buttons.back:before{ display:none;}
.buttons.finish:before{
}
.buttons.active:before{
     content:"\e839";
     -webkit-animation: spin 1.3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
     -moz-animation: spin 1.3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
     -o-animation: spin 1.3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
     -ms-animation: spin 1.3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
     animation: spin 1.3s linear infinite;
}
.buttons.finish:before{
     content:"\e812";
}
@-webkit-keyframes spin {
        0%{ 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }100%{
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */}
}

.mod-form-right{float:right; padding-top:30px; padding-left:30px; width:45%; border-left:solid 1px #ddd; min-height:400px; font-size:17px; display:none;}
.mod-form-right a.button{ font-size:15px; color:#f8931d;}
.mod-form-right .add-btn{ margin-top:30px;}

.mod-message-box{float:left; width:100%; min-height:280px; line-height:280px; text-align:center; font-size:18px; font-weight:300;}
.mod-message-box a{color:#f8931d;}

.leftpanel{float:left; margin-top:30px; width:18%; background-color:#f8f8f8; min-height:343px;}
.leftpanel .head{float:left; padding:0; width:100%; min-height:0; text-align:center; line-height:43px; background-color:#f8f8f8; color:#000; font-size:15px; font-weight:bold; background-image:none; border-bottom:solid 2px #c51e2c;}
.leftpanel ul{float:left; width:100%; padding:0; margin:0; list-style-type:none;}
.leftpanel ul li{float:left; width:100%; text-align:center; line-height:25px; color:#fff;}
.leftpanel ul li a{float:left; width:100%; padding:10px 0; color:#333; font-size:14px; border-bottom:dotted 1px #ddd;}
.leftpanel ul li a.current,.leftpanel ul li a:hover{ background-color:#f1f1f1;}
.rightpanel{float:right; margin-top:30px; width:80%;}
.rightpanel .head{float:left; padding:0; width:100%; min-height:0; line-height:43px; text-indent:20px; font-size:15px; color:#000; font-weight:bold; background-color:#f8f8f8; background-image:none; border-bottom:solid 2px #c51e2c;}
.rightpanel .box{float:left; width:100%; min-height:auto; padding:20px 30px 50px; background-color:#f8f8f8;}
.loading{ float:left; margin:29px 0 0 15px; display:none;}

@media (max-width:900px)
{
.loged{float:none; position:absolute; top:5px; left:10px; margin-top:0;}
}

@media (max-width:767px)
{
.dform{ padding-left:15px; padding-right:15px; padding-top:15px;}
.theme-popover{width:320px; margin-left:-160px;}
#select .theme-popover,#modal .theme-popover{ width:320px; height:auto; padding-bottom:12px; margin-top:-220px; margin-left:-160px;}
#select .dform{ padding:15px;}
.mod-login-box{width:100%;}
.mod-login-box .head{ padding-left:12px !important;}
.mod-login-box .box{padding:15px; padding-bottom:25px;}
.mod-form-content,.mod-form-right{width:100%;}
.mod-form-right{border-left:none; padding:15px 0 0 0; font-size:13px; min-height:0; border-top:solid 1px #efefef;}
.mod-form-content .list input[type="text"], .mod-form-content .list input[type="password"], .mod-form-content .list input[type="email"]{width:100%;}
.mod-form-content .list input[type="text"].yzm{width:145px;}
.mod-form-right .add-btn{ margin-top:20px;}
.loged{float:none; position:absolute; top:0; left:10px; margin-top:0;}

.leftpanel,.rightpanel{width:100%; min-height:0;}
.leftpanel ul li{width:33%;}
.rightpanel{ margin-top:15px;}
.mod-form-content.s1{width:90%; margin-left:5%;}
.mod-form-content.s1 .label{ width:100%; text-align:left;}
.mod-form-content.s1 .list input[type="text"], .mod-form-content.s1 .list input[type="password"], .mod-form-content.s1 .list input[type="email"]{ width:100%;}
.rightpanel .box{ padding:20px 15px 20px;}
.mod-message-box{ min-height:150px; line-height: 35px; font-size:15px;}
}