/* 英文字体，可以用作内文 */
@font-face {
    font-family: 'Avenir Next Light';
    src: url('fonts/avenirnext-light/avenirnext-light.eot');
    src: url('fonts/avenirnext-light/avenirnext-light.eot?#iefix') format('embedded-opentype'),
    url('fonts/avenirnext-light/avenirnext-light.woff') format('woff'),
    url('fonts/avenirnext-light/avenirnext-light.woff2') format('woff2'),
    url('fonts/avenirnext-light/avenirnext-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* 英文字体，可以用作内文 */
@font-face {
    font-family: 'Avenir Next Regular';
    src: url('fonts/avenirnext-regular/avenirnext-regular.eot');
    src: url('fonts/avenirnext-regular/avenirnext-regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/avenirnext-regular/avenirnext-regular.woff') format('woff'),
    url('fonts/avenirnext-regular/avenirnext-regular.woff2') format('woff2'),
    url('fonts/avenirnext-regular/avenirnext-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* 英文字体，可以用作次级标题 */
@font-face {
    font-family: 'Avenir Next Medium';
    src: url('fonts/avenirnext-medium/avenirnext-medium.eot');
    src: url('fonts/avenirnext-medium/avenirnext-medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/avenirnext-medium/avenirnext-medium.woff') format('woff'),
    url('fonts/avenirnext-medium/avenirnext-medium.woff2') format('woff2'),
    url('fonts/avenirnext-medium/avenirnext-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* 英文字体，可以用作次级标题 */
@font-face {
    font-family: 'Avenir Next Demi Bold';
    src: url('fonts/avenirnext-demibold/avenirnext-demibold.eot');
    src: url('fonts/avenirnext-demibold/avenirnext-demibold.eot?#iefix') format('embedded-opentype'),
    url('fonts/avenirnext-demibold/avenirnext-demibold.woff') format('woff'),
    url('fonts/avenirnext-demibold/avenirnext-demibold.woff2') format('woff2'),
    url('fonts/avenirnext-demibold/avenirnext-demibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* 英文字体，可以用作标题 */
@font-face {
    font-family: 'Avenir Next Bold';
    src: url('fonts/avenirnext-bold/avenirnext-bold.eot');
    src: url('fonts/avenirnext-bold/avenirnext-bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/avenirnext-bold/avenirnext-bold.woff') format('woff'),
    url('fonts/avenirnext-bold/avenirnext-bold.woff2') format('woff2'),
    url('fonts/avenirnext-bold/avenirnext-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url("fonts/ProximaNova-Regular.eot");
    src: url("fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/ProximaNova-Regular.woff") format("woff"),
    url("fonts/ProximaNova-Regular.woff2") format("woff2"),
    url("fonts/ProximaNova-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BigNoodleTitling';
    src: url("fonts/big_noodle_titling-webfont.eot");
    src: url("fonts/big_noodle_titling-webfont.eot?#iefix") format("embedded-opentype"),
    url("fonts/big_noodle_titling-webfont.woff") format("woff"),
    url("fonts/big_noodle_titling-webfont.woff2") format("woff2"),
    url("fonts/big_noodle_titling-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'honor';
    src:  url('fonts/honor.eot');
    src:  url('fonts/honor.eot?#iefix') format('embedded-opentype'),
    url('fonts/honor.woff') format('woff'),
    url('fonts/honor.woff2') format('woff2'),
    url('fonts/honor.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 阿语字体*/
@font-face {
    font-family: 'NeueFrutigerArabic Regular';
    src:  url('fonts/neuefrutigerarabic/NeueFrutigerArabic-Regular.eot.eot');
    src:  url('fonts/neuefrutigerarabic/NeueFrutigerArabic-Regular.eot?#iefix') format('embedded-opentype'),
    url("fonts/neuefrutigerarabic/NeueFrutigerArabic-Regular.woff") format("woff"),
    url("fonts/neuefrutigerarabic/NeueFrutigerArabic-Regular.woff2") format("woff2"),
    url("fonts/neuefrutigerarabic/NeueFrutigerArabic-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeueFrutigerArabic Bold';
    src:  url('fonts/neuefrutigerarabic/NeueFrutigerArabic-Bold.eot.eot');
    src:  url('fonts/neuefrutigerarabic/NeueFrutigerArabic-Bold.eot?#iefix') format('embedded-opentype'),
    url("fonts/neuefrutigerarabic/NeueFrutigerArabic-Bold.woff") format("woff"),
    url("fonts/neuefrutigerarabic/NeueFrutigerArabic-Bold.woff2") format("woff2"),
    url("fonts/neuefrutigerarabic/NeueFrutigerArabic-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'honorIconFont';
    src:  url('fonts/honor-icon-font-v2/honorIconFont.eot?fqzaiy');
    src:  url('fonts/honor-icon-font-v2/honorIconFont.eot?fqzaiy#iefix') format('embedded-opentype'),
    url('fonts/honor-icon-font-v2/honorIconFont.ttf?fqzaiy') format('truetype'),
    url('fonts/honor-icon-font-v2/honorIconFont.woff?fqzaiy') format('woff'),
    url('fonts/honor-icon-font-v2/honorIconFont.svg?fqzaiy#honorIconFont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "socialshare";
    src: url("fonts/iconfont.eot");
    src: url("fonts/iconfont.eot?#iefix") format("embedded-opentype"),
    url("fonts/iconfont.woff") format("woff"),
    url("fonts/iconfont.ttf") format("truetype"),
    url("fonts/iconfont.svg#iconfont") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "NeueFrutigerArabic";
    src: url("fonts/iconfont.eot");
    src: url("fonts/iconfont.eot?#iefix") format("embedded-opentype"),
    url("fonts/iconfont.woff") format("woff"),
    url("fonts/iconfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* 汉仪旗黑字体引用*/

@font-face {
    font-family: 'hanyi';
    src:  url('hanyi-fonts/hanyi40.eot');
    src:  url('hanyi-fonts/hanyi40.eot?#iefix') format('embedded-opentype'),
    url('hanyi-fonts/hanyi40.woff') format('woff'),
    url('hanyi-fonts/hanyi40.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'hanyi';
    src:  url('hanyi-fonts/hanyi50.eot');
    src:  url('hanyi-fonts/hanyi50.eot?#iefix') format('embedded-opentype'),
    url('hanyi-fonts/hanyi50.woff') format('woff'),
    url('hanyi-fonts/hanyi50.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'hanyi';
    src:  url('hanyi-fonts/hanyi70.eot');
    src:  url('hanyi-fonts/hanyi70.eot?#iefix') format('embedded-opentype'),
    url('hanyi-fonts/hanyi70.woff') format('woff'),
    url('hanyi-fonts/hanyi70.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

.fa-qzone {
    font-family: "socialshare" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale
}
.fa-qzone:before {
    content: "\f08a";
}

*{outline: none;}
input::-ms-clear{display:none;}
body.cn{
    -webkit-tap-highlight-color: transparent;
    font-family:'hanyi',"Microsoft Yahei", "PingFang SC", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
}
body{font-family: 'Avenir Next Regular','Microsoft YaHei','PingFang SC',Arial,'ProximaNova';font-size:14px; background: #fff;}
body.gray{background: #f0f0f0;}
a:active,a:visited,a:link,a:hover{text-decoration: none;}
@media (max-width: 768px){
    body{overflow-x: hidden;}
}

.color-blue{color: #00b2ed}
.color-red{color: #d2262d}
.color-white{color: #fff}
.color-black{color: #1d1d1d}
h2.white{color: #fff;}
h2.black{color: #1d1d1d;}
h2.blue{color: #00b2ed;}

html, body {position: relative;}
body,ul,li {margin: 0;padding: 0;}
li{list-style: none;}
.mt5{
    margin-top: 5px;
}
.mt10{
    margin-top:10px;
}
.mt15{
    margin-top:15px;
}
.mt30{
    margin-top:30px;
}
.mt60{
    margin-top:60px;
}
.mt165{
    margin-top:165px;
}
.mt100{
    margin-top:100px;
}

[class^="honorFont-"], [class*=" honorFont-"] {
    /* use !important to prevent issues with browser extensions that change fonts */

    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.honorFont-alert:before {
    content: "\e908";
}
.honorFont-arr-left:before {
    content: "\e90a";
}
.honorFont-arr-right:before {
    content: "\e90b";
}
.honorFont-arr-down:before {
    content: "\e916";
    font-weight: bold;
}

.honorFont-close:before {
    content: "\e903";
}
.honorFont-close-2 .path1:before {
    content: "\e918";
    color: rgb(155, 155, 155);
}
.honorFont-close-2 .path2:before {
    content: "\e919";
    margin-left: -1em;
    color: rgb(151, 151, 151);
}
.honorFont-close-2 .path3:before {
    content: "\e91a";
    margin-left: -1em;
    color: rgb(151, 151, 151);
}
.honorFont-comment:before {
    content: "\e912";
}

.honorFont-download:before {
    content: "\e915";
}
.honorFont-email:before,
.honorFont-email-footer:before {
    content: "\e902";
}
.honorFont-facebook:before {
    content: "\e91b";
}
.honorFont-global:before {
    content: "\e909";
}
.honorFont-ins:before {
    content: "\e91c";
}

.honorFont-like:before {
    content: "\e90d";
}
.honorFont-like-2:before {
    content: "\e917";
}

.honorFont-link .path1:before {
    content: "\e91d";
    color: rgb(0, 0, 0);
}
.honorFont-link .path2:before {
    content: "\e91e";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.honorFont-logout:before,
.honorFont-logout-m:before {
    content: "\e906";
}

.honorFont-more:before,
.honorFont-menu:before {
    content: "\e913";
}
.honorFont-plus:before {
    content: "\e904";
}
.honorFont-position:before {
    content: "\e90e";
}
.honorFont-search:before,
.honorFont-search-m:before {
    content: "\e905";
}
.honorFont-twitter:before {
    content: "\e914";
}

.honorFont-user-bg .path1:before {
    content: "\e900";
    color: rgb(255, 255, 255);
}
.honorFont-user-bg .path2:before {
    content: "\e901";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.honorFont-user:before,
.honorFont-user-m:before {
    content: "\e907";
}
.honorFont-user-bg2 .path1:before {
    content: "\e90f";
    color: rgb(0, 0, 0);
}
.honorFont-user-bg2 .path2:before {
    content: "\e910";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.honorFont-visa .path1:before {
    content: "\e91f";
    color: rgb(139, 139, 139);
}
.honorFont-visa .path2:before {
    content: "\e920";
    margin-left: -1em;
    color: rgb(139, 139, 139);
}
.honorFont-visa .path3:before {
    content: "\e921";
    margin-left: -1em;
    color: rgb(139, 139, 139);
}
.honorFont-visa .path4:before {
    content: "\e922";
    margin-left: -1em;
    color: rgb(139, 139, 139);
}
.honorFont-visa .path5:before {
    content: "\e923";
    margin-left: -1em;
    color: rgb(249, 249, 250);
}

.honorFont-x:before {
    content: "\e924";
}
.honorFont-youtube:before {
    content: "\e925";
}


[class^="font-"], [class*=" font-"] {
    /* use !important to prevent issues with browser extensions that change fonts */

    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.font-cross-with-circle:before {
    content: "\e97a";
}
.font-loading-process:before {
    content: "\e97b";
}
.font-file-upload:before {
    content: "\e97c";
}
.font-post-created:before {
    content: "\e979";
}
.font-post-stuck:before {
    content: "\e977";
}
.font-unfollowed:before {
    content: "\e978";
}
.font-star:before {
    content: "\e976";
}
.font-payment:before {
    content: "\e975";
}
.font-community:before {
    content: "\e973";
}
.font-addresses:before {
    content: "\e974";
}
.font-order:before {
    content: "\e972";
}
.font-Insert-Video:before {
    content: "\e971";
}
.font-user_followed:before {
    content: "\e970";
}
.font-More:before {
    content: "\e96f";
}
.font-Mark_as_read:before {
    content: "\e96e";
}
.font-check_box_fill:before {
    content: "\e96d";
}
.font-Reply:before {
    content: "\e96c";
}
.font-no-result:before {
    content: "\e96b";
}
.font-batch:before {
    content: "\e96a";
}
.font-toggle:before {
    content: "\e969";
}
.font-flag_single:before {
    content: "\e968";
}
.font-connectivity:before {
    content: "\e967";
}
.font-network:before {
    content: "\e965";
}
.font-sensor:before {
    content: "\e966";
}
.font-Entertainment:before {
    content: "\e964";
}
.font-voting-post:before {
    content: "\e963";
}
.font-upload:before {
    content: "\e962";
}
.font-like:before {
    content: "\e961";
}
.font-smiley:before {
    content: "\e95f";
}
.font-message:before {
    content: "\e960";
}
.font-promo:before {
    content: "\e95e";
}
.font-basket:before {
    content: "\e95d";
}
.font-star-fill:before {
    content: "\e95c";
}
.font-coupn_voucher:before {
    content: "\e935";
}
.font-edit-task:before {
    content: "\e938";
}
.font-flag:before {
    content: "\e93e";
}
.font-live-show:before {
    content: "\e93f";
}
.font-lucky-draw:before {
    content: "\e940";
}
.font-rush-buy:before {
    content: "\e941";
}
.font-setting:before {
    content: "\e942";
}
.font-tradein:before {
    content: "\e943";
}
.font-2:before {
    content: "\e944";
}
.font-auto-focus:before {
    content: "\e945";
}
.font-battery:before {
    content: "\e946";
}
.font-bell:before {
    content: "\e947";
}
.font-camera:before {
    content: "\e948";
}
.font-camera2:before {
    content: "\e949";
}
.font-delivery:before {
    content: "\e94a";
}
.font-dual-lens:before {
    content: "\e94b";
}
.font-edges:before {
    content: "\e94c";
}
.font-edit:before {
    content: "\e94d";
}
.font-eye:before {
    content: "\e94e";
}
.font-female-user:before {
    content: "\e94f";
}
.font-gallery:before {
    content: "\e950";
}
.font-glass:before {
    content: "\e951";
}
.font-globe:before {
    content: "\e952";
}
.font-layer:before {
    content: "\e953";
}
.font-lens:before {
    content: "\e954";
}
.font-phone:before {
    content: "\e955";
}
.font-processor:before {
    content: "\e956";
}
.font-secure:before {
    content: "\e957";
}
.font-shield:before {
    content: "\e958";
}
.font-storage:before {
    content: "\e959";
}
.font-thumb:before {
    content: "\e95a";
}
.font-timeline:before {
    content: "\e95b";
}
.font-download2:before {
    content: "\e93a";
}
.font-edit2:before {
    content: "\e93b";
}
.font-location:before {
    content: "\e93c";
}
.font-suceess:before {
    content: "\e93d";
}
.font-Female:before {
    content: "\e934";
}
.font-Hamburg:before {
    content: "\e936";
}
.font-Male:before {
    content: "\e937";
}
.font-User:before {
    content: "\e939";
}
.font-Play2:before {
    content: "\e933";
}
.font-Minus_2:before {
    content: "\e931";
}
.font-Plus_1:before {
    content: "\e932";
}
.font-3602:before {
    content: "\e900";
}
.font-All:before {
    content: "\e901";
}
.font-Arrow-down:before {
    content: "\e902";
}
.font-Arrow-up:before {
    content: "\e903";
}
.font-Calender:before {
    content: "\e904";
}
.font-Carousel-arrow-l:before {
    content: "\e905";
}
.font-Carousel-arrow-r:before {
    content: "\e906";
}
.font-Cart:before {
    content: "\e907";
}
.font-Chat:before {
    content: "\e908";
}
.font-Checkbox-tick:before {
    content: "\e909";
}
.font-Checkbox:before {
    content: "\e90a";
}
.font-Comment:before {
    content: "\e90b";
}
.font-Cross:before {
    content: "\e90c";
}
.font-Delete:before {
    content: "\e90d";
}
.font-Download:before {
    content: "\e90e";
}
.font-Events:before {
    content: "\e90f";
}
.font-Facebook:before {
    content: "\e910";
}
.font-Fill-up-arrow:before {
    content: "\e911";
}
.font-Fill-up-DOWN:before {
    content: "\e912";
}
.font-Gift:before {
    content: "\e913";
}
.font-Globe:before {
    content: "\e914";
}
.font-google-plus:before {
    content: "\e915";
}
.font-Heart-fill:before {
    content: "\e916";
}
.font-Heart:before {
    content: "\e917";
}
.font-info:before {
    content: "\e918";
}
.font-Instagram:before {
    content: "\e919";
}
.font-Mail:before {
    content: "\e91a";
}
.font-Minus:before {
    content: "\e91b";
}
.font-Mobile:before {
    content: "\e91c";
}
.font-Next-Page-arrow:before {
    content: "\e91d";
}
.font-No:before {
    content: "\e91e";
}
.font-Pagination-full:before {
    content: "\e91f";
}
.font-Pagination:before {
    content: "\e920";
}
.font-Phone:before {
    content: "\e921";
}
.font-Play:before {
    content: "\e922";
}
.font-Plus:before {
    content: "\e923";
}
.font-Previous-Page-arrow:before {
    content: "\e924";
}
.font-Question:before {
    content: "\e925";
}
.font-Refersh:before {
    content: "\e926";
}
.font-Search:before {
    content: "\e927";
}
.font-Share:before {
    content: "\e928";
}
.font-Star:before {
    content: "\e929";
}
.font-Tag:before {
    content: "\e92a";
}
.font-Tickmark-right:before {
    content: "\e92b";
}
.font-Tickmark:before {
    content: "\e92c";
}
.font-Twitter:before {
    content: "\e92d";
}
.font-User-Female:before {
    content: "\e92e";
}
.font-User-Male:before {
    content: "\e92f";
}
.font-You-tube:before {
    content: "\e930";
}