@charset "utf-8";
/*私人常用样式*/
/*样式初始化*/
header,footer,section,aside,nav,figure,figcaption{display:block; margin:0; padding:0; border:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,blockquote{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}
li{list-style-type:none;}
img{max-width:100%; max-height:100%; border:none;vertical-align: bottom}
input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type=search],input[type='button'],input[type='tel'],button,textarea{-webkit-appearance:none; border-radius:0; border:1px solid #ddd;outline: none}
textarea{resize:none;}
a{text-decoration: none;color: #000000}
p{margin: 0}
a:hover, a:focus{text-decoration: none}
button{border: none;padding: 0}
/*样式初始化*/

/*文字*/
.fz_0px{font-size: 0}
.fz_12px{font-size:12px;}
.fz_13px{font-size:13px;}
.fz_14px{font-size:14px;}
.fz_16px{font-size:16px;}
.fz_18px{font-size:18px;}
.fz_20px{font-size:20px;}
.fz_22px{font-size:22px;}
.fz_24px{font-size:24px;}
.fz_26px{font-size:26px;}
.fz_28px{font-size:28px;}
.fz_30px{font-size:30px;}
.fz_32px{font-size:32px;}
.fz_34px{font-size:34px;}
.fz_36px{font-size:36px;}
.fz_38px{font-size:38px;}
.fz_40px{font-size:40px;}
.fz_42px{font-size:42px;}
.fz_44px{font-size:44px;}
.fz_46px{font-size:46px;}
.fz_48px{font-size:48px;}
.fz_50px{font-size:50px;}

.fc_red{color: #ff001b}

.fs_bold{font-weight: bold}
.fs_light{font-weight: lighter}
.fs_normal{font-weight: normal}
.text_center{text-align: center}
.text_left{text-align: left}
.text_right{text-align: right}
/*文字*/

/*************************** 定位 ***************************/
.align_center{ margin:0 auto;}

/*垂直水平居中*/
.vertical_out{text-align:center;font-size: 0}
.vertical_out:after{display:inline-block;*display:inline; *zoom:1; width:0;height:100%; vertical-align:middle; content:'';}
.vertical_out .vertical_in{display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
/*垂直水平居中*/

.block{display: block}
.inline_block{display: inline-block}

.show{display:block;!important;}
.hide{display:none;!important;}

/*图片用垂直与水平居中*/
.pic_box{text-align: center;;font-size: 0}
.pic_box img{vertical-align:middle;}
.pic_box span{vertical-align:middle; height:100%; display:inline-block;}
/*图片垂直与水平居中*/
/*图片垂直与水平居中*/


.relative{position: relative}
.abs{position: absolute}
.fl{float:left;}
.fr{float:right;}

.default_cursor{cursor: default}
.pointer_cursor{cursor: pointer}


/*************************** 定位 ***************************/

/*清除浮动*/
.clean_fix:after{content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0;font-size: 0;width: 0}
.clear{clear: both;width: 0;height: 0;font-size: 0}


/*空白*/
.blank4{height: 4px;clear: both;background-color: transparent}
.blank6{height: 6px;clear: both;background-color: transparent}
.blank8{height: 8px;clear: both;background-color: transparent}
.blank10{height: 10px;clear: both;background-color: transparent}
.blank12{height: 12px;clear: both;background-color: transparent}
.blank14{height: 14px;clear: both;background-color: transparent}
.blank16{height: 16px;clear: both;background-color: transparent}
.blank18{height: 18px;clear: both;background-color: transparent}
.blank20{height: 20px;clear: both;background-color: transparent}
.blank22{height: 22px;clear: both;background-color: transparent}
.blank24{height: 24px;clear: both;background-color: transparent}
.blank26{height: 26px;clear: both;background-color: transparent}
.blank28{height: 28px;clear: both;background-color: transparent}
.blank30{height: 30px;clear: both;background-color: transparent}
.blank32{height: 32px;clear: both;background-color: transparent}
.blank34{height: 34px;clear: both;background-color: transparent}
.blank36{height: 36px;clear: both;background-color: transparent}
.blank38{height: 38px;clear: both;background-color: transparent}
.blank40{height: 40px;clear: both;background-color: transparent}
.blank42{height: 42px;clear: both;background-color: transparent}
.blank44{height: 44px;clear: both;background-color: transparent}
.blank46{height: 46px;clear: both;background-color: transparent}
.blank46{height: 46px;clear: both;background-color: transparent}
.blank48{height: 48px;clear: both;background-color: transparent}
.blank50{height: 50px;clear: both;background-color: transparent}
.blank52{height: 52px;clear: both;background-color: transparent}
.blank54{height: 54px;clear: both;background-color: transparent}
.blank56{height: 56px;clear: both;background-color: transparent}
.blank60{height: 60px;clear: both;background-color: transparent}
.blank62{height: 62px;clear: both;background-color: transparent}
.blank64{height: 64px;clear: both;background-color: transparent}
.blank66{height: 66px;clear: both;background-color: transparent}
.blank68{height: 68px;clear: both;background-color: transparent}
.blank70{height: 70px;clear: both;background-color: transparent}
.blank72{height: 72px;clear: both;background-color: transparent}
.blank74{height: 74px;clear: both;background-color: transparent}
.blank76{height: 76px;clear: both;background-color: transparent}
.blank80{height: 80px;clear: both;background-color: transparent}
.blank88{height: 88px;clear: both;background-color: transparent}
.blank90{height: 90px;clear: both;background-color: transparent}
.blank100{height: 100px;clear: both;background-color: transparent}
.blank110{height: 110px;clear: both;background-color: transparent}
.blank120{height: 120px;clear: both;background-color: transparent}
.blank130{height: 130px;clear: both;background-color: transparent}
.blank150{height: 150px;clear: both;background-color: transparent}
.blank160{height: 160px;clear: both;background-color: transparent}
.blank482{height:482px;clear: both;background-color: transparent}
.blank486{height: 486px;clear: both;background-color: transparent}




/*以下代码是修改小input 中 placeholder颜色*/
input::-webkit-input-placeholder {text-indent: 0.3rem;font-size: 0.28rem}/* WebKit browsers */
input:-moz-placeholder {text-indent: 0.3rem;font-size: 0.28rem} /*Mozilla Firefox 4 to 18 */
input::-moz-placeholder {text-indent: 0.3rem;font-size: 0.28rem }/* Mozilla Firefox 19+ */
input:-ms-input-placeholder {text-indent: 0.3rem;font-size: 0.28rem}/* Internet Explorer 10+ */

/*动画时间*/
.trans{transition:all 1s ease-out;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;}

/*各浏览器字体导入兼容*/
@font-face {
    font-family: 'bliss_pro_regular';
    src: url('/static/themes/default/css/bliss_pro_regular/BlissPro-Regular.eot');
    src: local('☺'), url('/static/themes/default/css/bliss_pro_regular/BlissPro-Regular.woff') format('woff'), url('/static/themes/default/css/bliss_pro_regular/BlissPro-Regular.ttf') format('truetype'), url('/static/themes/default/css/bliss_pro_regular/BlissPro-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


.triangle-down {width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 50px solid red;}

.triangle-up {width: 0;height: 0; border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 50px solid red;}

.triangle-left {width: 0;height: 0;border-top: 50px solid transparent;border-right: 50px solid red;border-bottom: 50px solid transparent;}

.triangle-right {width: 0;height: 0;border-top: 50px solid transparent;border-left: 100px solid red;border-bottom: 50px solid transparent;}

.triangle-topleft { width: 0;height: 0;border-top: 50px solid red;border-right: 50px solid transparent;}
.triangle-topright {width: 0;height: 0;border-top: 50px solid red;border-left: 50px solid transparent;}
.triangle-bottomleft {width: 0;height: 0;border-bottom: 50px solid red;border-right: 50px solid transparent;}
.triangle-bottomright {width: 0;height: 0;border-bottom: 50px solid red;border-left: 50px solid transparent;}