html,body,p,ul {
    margin:0px;
    padding:0px;
    font-size:14px;
    font-family:'Microsoft YaHei';
}

.noSelectText {
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
}

/*button*/

.btnRed {
    padding:0.8em 2em;background:#dd514c;color:#fff;border-radius:3px;cursor:pointer;display:block;text-align:center;margin-top:10px;text-decoration:none;transition:all 0.3s;
}
        
.btnRed:hover {
    background:#cc3e39;color:#fff;
}
        
.btnBlue {
    padding:0.8em 2em;background:#1fb6ff;color:#fff;border-radius:3px;cursor:pointer;display:block;text-align:center;margin-top:10px;text-decoration:none;transition:all 0.3s;
}
        
.btnBlue:hover {
    background:#159cdd;color:#fff;
}

.btnGreen {
    padding:0.8em 2em;background:#03c459;color:#fff;border-radius:3px;cursor:pointer;display:block;text-align:center;margin-top:10px;text-decoration:none;transition:all 0.3s;
}
        
.btnGreen:hover {
    background:#0db156;color:#fff;
}

/*select*/

.sel {
    border:1px solid #e1e1e1;padding:0.5em;width:100%;border-radius:5px;
}

/*input*/

.imBox {
    border:1px solid #ddd;border-radius:3px;color:#888;font-size:14px;width:100%;box-sizing:border-box;padding:10px;max-width:100%;min-width:100%;line-height: initial;
}


/*quote*/

.quote {
    background:#f6f6f6;padding:20px 18px;padding-top:58px;position:relative;color:#777;margin:0px;margin-top:20px;
}

.quote .s{
    position:absolute;left:13px;top:22px;color:#aaa;
}
.quote .s .sPerson{
    margin:0 5px;color:#e14646
}
.quote .s .sTime{
    color:#666;margin:0 5px;
}

.quote .n{
    margin-left:5px;color:#444;cursor:pointer;position:absolute;right:8px;top:22px;text-decoration:underline;
}

.iquote {
    display: inline-block;
    background: #fff url(../images/quote.png) no-repeat center;
    position: absolute;
    width: 16px;
    height: 16px;
    top: -18px;
    left: 50%;
    margin-left: -13px;
    padding: 10px;
    border-radius: 13px;
}

/*wBox*/

.wBox {
    border-radius:3px;padding:10px;font-size:16px;width:250px;color:#666;border:1px solid #d8d8d8;transition:all 0.3s;
}

.wBox:focus{
    border:1px solid #888;
    /*background:rgba(186,229,251,0.1);*/
}

/*ctSurface*/

.ctBox{
    border:2px solid #d1d2d2;color:#555;padding:8px;border-radius:3px;font-size:14px;
}

.ctBnRed {
    text-align:center;display:inline-block;background:#fc3e2d;height:40px;line-height:40px;color:#fff!important;border-radius:3px;font-size:16px;cursor:pointer;
}

.ctSurface {
    width:380px;margin:20px auto;border-radius:20px;
}

.ctSurface .sfArticle {
    background:#333;color:#fff;font-size:18px;text-align:center;padding:25px 0;border-top-left-radius:5px;border-top-right-radius:5px;
}

.ctSurface .sfContainer {
    background:#fff;padding:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;
}

.ctvfCode {
    display:inline-block;float:right;margin-top:16px;position:relative;
}

.ctvfCode img{
    width:100px;height:38px;display:inline-block;
}

/*=> 常量*/

.cRed {
    color:red;
}

.cBlue {
    color:#1fb6ff;
}

.cGreen {
    color:#13ce66;
}

.cOrange {
    color:#f1752d;
}

.none {
    display:none;
}


/*=> B框架*/

.bLayout {
    width: 580px; margin: 0 auto; border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); color: #666;
}

.bLayout>div{
    background:#fbfbfb;
}

.bLayout .title {
    display: block; border-bottom: 1px solid #ddd; padding: 13px;background:#1fb6ff;color:#fff;
}

.bLayout .b1 {
    background: #1fb6ff; color: #FFF; font-size: 16px; font-weight: bold; cursor: pointer; padding: 8px 25px; text-decoration: none;
}

.bLayout .b2 {
    background: #EEE; color: #777; font-size: 16px; font-weight: bold; cursor: pointer; padding: 8px 25px; text-decoration: none;
}

/*=> xBox*/

.xBox {
    border:1px solid #dedede;padding:10px;font-size:14px;color:#666;transition:all 0.1s;margin-bottom:20px;
}

.xBox:focus{
    border:1px solid #ffb400 !important;
}

/*=> Button*/

.bBlue {
    background:#1fb6ff;color:#fff!important;padding:8px 25px;cursor:pointer;border:0px;display:inline-block;text-decoration:none;outline:none;
}

.bGreen {
    background:#5bb75b;color:#fff!important;padding:8px 25px;cursor:pointer;border:0px;display:inline-block;text-decoration:none;outline:none;
}

.bGreen:hover{
    background:#51a351;
}

.bRed {
    background:#ff4351;color:#fff!important;padding:8px 25px;cursor:pointer;border:0px;display:inline-block;text-decoration:none;outline:none;
}

.bRed:hover{
    background:#ff7680;
}

/*=> Taobao Item List*/

.item {
    border:1px solid #eee;display:inline-block;width: 250px;cursor:pointer;transition:all 0.3s;margin-top:10px;
}

.item:hover{
    border:1px solid #f40;
}
.item a {
    text-decoration:none;outline: none;
}
.item>a>img {
    width:250px;height:250px;
}

.item .info {
    padding:5px 10px;
}
.item .info .l1{
    position:relative;
}

.item .info .l1 span:first-child {
    color: #f40;font-size: 18px;font-family: arial;margin-right:3px;
}

.item .info .l1 span:last-child {
    position:absolute;right:0px;color:#aaa;
}

.item .info .l1 strong {
    color: #f40;font-family: verdana,arial;font-weight: 700;font-size: 18px;
}

.item .info .l2 {
    height: 40px;margin-top:6px;font-weight: 400;color: #666;overflow: hidden;line-height:20px;margin-bottom:10px;
}

/*=> menu..*/
.mn {
    background:#fbfbfb; padding: 6px 12px; display: inline-block; color: #666;cursor:pointer;text-decoration:none;
}

.mn:not(.act):hover{
    color:#1fb6ff;
}

.mn.act {
    background:#1fb6ff;color: #fff;
}

/*=> ctTable*/

.ctTable {
    padding:0px;margin-top:10px;border-collapse:collapse;border-top:1px solid #DCDCDC;font: 12px/1.5 "Lucida Grande",Helvetica,Arial,sans-serif;width:100%;
}

.ctTable th {
    color:#666;font-weight:100;background:#f6f6f6;padding:10px;border-bottom:1px solid #DCDCDC;
}

.ctTable td {
    color:#888;padding:10px;text-align:center;border-bottom:1px solid #DCDCDC;
}

.ctTable a{
    color:#3199e8;text-decoration:none;cursor:pointer;outline:none;
}

.ctTable a:not(:last-child){
    margin-right:5px;
}

/*=> iTable*/

.iTable {
    width:100%;background:#F9F9F9;border-collapse: collapse;
}

.iTable th {
    padding:0.8em 0px;font-weight:100;color:#333;
}


.iTable thead td {
    padding:0.6em 0px;padding-left:8px;color:#3d3d3d;
}

.iTable td {
    border:0px;border-top:1px solid #dfdfdf;text-align:left;padding:0.6em 0px;padding-left:8px;text-align:center;border-bottom:1px solid #eee;
}

.iTable a {
    color:#2fa0d7;text-decoration:none;cursor:pointer;margin-right:3px;outline:none;
}



/*=> pagerLine*/

.pagerLine .tgPg {
    border:1px solid #eee;padding:5px 10px;display:inline-block;cursor:pointer;transition:all 0.2s;color:#666;
}

.pagerLine .tgPg:not(:first-child){
    margin-left:5px;
}

.pagerLine .tgPg.ban {
    color:#bbb;cursor:default;display:inline-block;
}

.pagerLine .ellipsis {
    display:inline-block;font-weight:700;margin:0px 3px;font-size:14px;
}

.pagerLine .tgPg:not(.ban):hover {
    border:1px solid #f40;color:#f40;
}

.pagerLine .tgPgNumGroup {
    display:inline-block;font-size:0px;margin:0px 5px;
}

.pagerLine .tgPgNumGroup a{
    border:1px solid #eee;padding:4px 15px;display:inline-block;cursor:pointer;text-decoration:none;font-size:16px;color:#666;transition:all 0.3s;
}

.pagerLine .tgPgNumGroup a:hover{
    border:1px solid #f40;color:#f40;
}

.pagerLine .tgPgNumGroup a.act{
    border:1px solid #f40;background:#f40;color:#fff;
}

/*=> notify*/

.notify {
    border:1px solid #bce8f1;background:#d9edf7;color: #3a87ad;padding:8px;border-radius:5px;
}

.notify:not(.g) a{
    color:#1fb6ff;text-decoration:none;cursor:pointer;outline:none;
}

.notify.g {
    border:0px;background:#6abb95;color: #fff;padding:8px;border-radius:5px;
}

.notify p:not(:last-child){
    margin-bottom:4px;
}

.notify p:first-child{
    margin-bottom:7px;
}

/*排版表格*/
.tsTable{
    border-collapse: collapse;
    border: 1px solid #cdcdcd;
    background:#f9f9f9;
    color:#666;
    width:100%;
}        

.tsTable .header{
    padding:1em;border-bottom: 1px solid #cdcdcd;background:#efefef;font-size:14px;
}

.tsTable .header em{
    height:14px;width:14px;margin-right:0.5em;position:relative;top:1px;
}

.tsTable .t1{
    /*max-width:150px;
    min-width:90px;*/
    text-align:right;
    width:10em;
}

.tsTable .t1,.tsTable .t2{
    padding:1em;
    border-bottom: 1px solid #eeeeee;
}

.tsTable tr:last-child .t1,.tsTable tr:last-child .t2{
    border-bottom:0px;
}

/*=> bBox*/

.bBox {
    border: 1px solid #ccc;border-top: 2px solid #56ADA4;padding:15px;color:#666;background:#F9F9F9;
}

/*modal*/
.modal .close{width: 36px; height: 36px; position:absolute;top: -10px; right: -10px; background: url(../images/close.png) no-repeat;background-size: contain; cursor: pointer; opacity: 1;z-index: 10000;}

/*nco (nice ico) */

.nco {
    display:inline-block;height:24px;width:24px;background-size:100% 100%;-ms-behavior: url(../images/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);
}

.nco.out{
    background:url(../images/out.png);
    background-size:100% 100%;
}
.nco.balance{
    background:url(../images/balance.png);
    background-size:100% 100%;
}
.nco.user{
    background:url(../images/user.png);
    background-size:100% 100%;
}
.nco.menu{
    background:url(../images/menu.png);
    background-size:100% 100%;
}
.nco.order{
    background:url(../images/order.png);
    background-size:100% 100%;
}


/*callout*/
.callout {
    border:1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    padding: 1.5em;
    font-family: 'Microsoft YaHei';
    font-size:1em;
    margin: 1em 0;
}
.callout p{
    margin-top:0.8em;color:#333;
}

.callout-danger {
    border-left-color: #d9534f;
}
.callout-danger h4 {
    color: #d9534f;font-size:1.2em;
}

.callout-warning {
    border-left-color: #f0ad4e;
}
.callout-warning h4 {
    color: #f0ad4e;font-size:1.2em;
}

.callout-info {
    border-left-color: #5bc0de;
}
.callout-info h4 {
    color: #5bc0de;font-size:1.2em;
}

.callout-tip {
    border-left-color: #13ce66;
}
.callout-tip h4 {
    color: #13ce66;font-size:1.2em;
}