@charset "UTF-8";
/*
 * description: 整个网站公用 样式表（页头、页尾...） 
**/
.icon-ab-qq { background: url("/common/images/icons.png") no-repeat -218px -112px; background-size: 253px 253px; width: 16px; height: 18px; }

.icon-check-2 { background: url("/common/images/icons.png") no-repeat -237px -142px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-check-d { background: url("/common/images/icons.png") no-repeat -237px -108px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-check-e { background: url("/common/images/icons.png") no-repeat 0px -221px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-check-r { background: url("/common/images/icons.png") no-repeat -220px -196px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-check1 { background: url("/common/images/icons.png") no-repeat -237px -193px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-check2 { background: url("/common/images/icons.png") no-repeat -237px -176px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-clarity-four { background: url("/common/images/icons.png") no-repeat -146px -167px; background-size: 253px 253px; width: 20px; height: 20px; }

.icon-clarity-one { background: url("/common/images/icons.png") no-repeat -22px -196px; background-size: 253px 253px; width: 20px; height: 20px; }

.icon-clarity-three { background: url("/common/images/icons.png") no-repeat -168px -167px; background-size: 253px 253px; width: 20px; height: 20px; }

.icon-clarity-two { background: url("/common/images/icons.png") no-repeat -44px -196px; background-size: 253px 253px; width: 20px; height: 20px; }

.icon-close { background: url("/common/images/icons.png") no-repeat -184px -221px; background-size: 253px 253px; width: 13px; height: 13px; }

.icon-common1 { background: url("/common/images/icons.png") no-repeat -110px 0px; background-size: 253px 253px; width: 39px; height: 39px; }

.icon-common10 { background: url("/common/images/icons.png") no-repeat -161px -152px; background-size: 253px 253px; width: 13px; height: 12px; }

.icon-common11 { background: url("/common/images/icons.png") no-repeat -214px -221px; background-size: 253px 253px; width: 13px; height: 12px; }

.icon-common12 { background: url("/common/images/icons.png") no-repeat -34px -221px; background-size: 253px 253px; width: 16px; height: 14px; }

.icon-common13 { background: url("/common/images/icons.png") no-repeat -248px -221px; background-size: 253px 253px; width: 5px; height: 9px; }

.icon-common14 { background: url("/common/images/icons.png") no-repeat -241px -221px; background-size: 253px 253px; width: 5px; height: 9px; }

.icon-common15 { background: url("/common/images/icons.png") no-repeat -237px -210px; background-size: 253px 253px; width: 10px; height: 9px; }

.icon-common16 { background: url("/common/images/icons.png") no-repeat -208px -149px; background-size: 253px 253px; width: 7px; height: 7px; }

.icon-common17 { background: url("/common/images/icons.png") no-repeat -218px -150px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-common18 { background: url("/common/images/icons.png") no-repeat -150px -136px; background-size: 253px 253px; width: 30px; height: 9px; }

.icon-common19 { background: url("/common/images/icons.png") no-repeat -52px -221px; background-size: 253px 253px; width: 16px; height: 14px; }

.icon-common2 { background: url("/common/images/icons.png") no-repeat -151px -74px; background-size: 253px 253px; width: 32px; height: 32px; }

.icon-common20 { background: url("/common/images/icons.png") no-repeat -106px -221px; background-size: 253px 253px; width: 14px; height: 14px; }

.icon-common21 { background: url("/common/images/icons.png") no-repeat -93px -136px; background-size: 253px 253px; width: 55px; height: 14px; }

.icon-common22 { background: url("/common/images/icons.png") no-repeat -88px -221px; background-size: 253px 253px; width: 16px; height: 14px; }

.icon-common23 { background: url("/common/images/icons.png") no-repeat -137px -82px; background-size: 253px 253px; width: 12px; height: 14px; }

.icon-common24 { background: url("/common/images/icons.png") no-repeat -218px -86px; background-size: 253px 253px; width: 16px; height: 24px; }

.icon-common25 { background: url("/common/images/icons.png") no-repeat -218px -60px; background-size: 253px 253px; width: 16px; height: 24px; }

.icon-common26 { background: url("/common/images/icons.png") no-repeat -188px -90px; background-size: 253px 253px; width: 28px; height: 28px; }

.icon-common27 { background: url("/common/images/icons.png") no-repeat -110px -82px; background-size: 253px 253px; width: 25px; height: 24px; }

.icon-common28 { background: url("/common/images/icons.png") no-repeat -104px -109px; background-size: 253px 253px; width: 24px; height: 24px; }

.icon-common29 { background: url("/common/images/icons.png") no-repeat -88px -167px; background-size: 253px 253px; width: 26px; height: 27px; }

.icon-common3 { background: url("/common/images/icons.png") no-repeat -218px -132px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-common30 { background: url("/common/images/icons.png") no-repeat 0px -167px; background-size: 253px 253px; width: 28px; height: 27px; }

.icon-common31 { background: url("/common/images/icons.png") no-repeat -188px -120px; background-size: 253px 253px; width: 28px; height: 27px; }

.icon-common32 { background: url("/common/images/icons.png") no-repeat -59px -167px; background-size: 253px 253px; width: 27px; height: 27px; }

.icon-common33 { background: url("/common/images/icons.png") no-repeat -30px -167px; background-size: 253px 253px; width: 27px; height: 27px; }

.icon-common34 { background: url("/common/images/icons.png") no-repeat -188px 0px; background-size: 253px 253px; width: 28px; height: 28px; }

.icon-common35 { background: url("/common/images/icons.png") no-repeat -188px -60px; background-size: 253px 253px; width: 28px; height: 28px; }

.icon-common36 { background: url("/common/images/icons.png") no-repeat -188px -30px; background-size: 253px 253px; width: 28px; height: 28px; }

.icon-common37 { background: url("/common/images/icons.png") no-repeat -116px -167px; background-size: 253px 253px; width: 28px; height: 20px; }

.icon-common38 { background: url("/common/images/icons.png") no-repeat -151px -108px; background-size: 253px 253px; width: 29px; height: 24px; }

.icon-common39 { background: url("/common/images/icons.png") no-repeat 0px -238px; background-size: 253px 253px; width: 13px; height: 15px; }

.icon-common4 { background: url("/common/images/icons.png") no-repeat -237px 0px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-common40 { background: url("/common/images/icons.png") no-repeat -70px -221px; background-size: 253px 253px; width: 16px; height: 14px; }

.icon-common41 { background: url("/common/images/icons.png") no-repeat 0px 0px; background-size: 253px 253px; width: 53px; height: 53px; }

.icon-common42 { background: url("/common/images/icons.png") no-repeat 0px -109px; background-size: 253px 253px; width: 50px; height: 25px; }

.icon-common43 { background: url("/common/images/icons.png") no-repeat -154px -221px; background-size: 253px 253px; width: 13px; height: 14px; }

.icon-common44 { background: url("/common/images/icons.png") no-repeat -52px -109px; background-size: 253px 253px; width: 50px; height: 25px; }

.icon-common45 { background: url("/common/images/icons.png") no-repeat -227px -186px; background-size: 253px 253px; width: 7px; height: 8px; }

.icon-common46 { background: url("/common/images/icons.png") no-repeat -218px -186px; background-size: 253px 253px; width: 7px; height: 8px; }

.icon-common5 { background: url("/common/images/icons.png") no-repeat -237px -72px; background-size: 253px 253px; width: 15px; height: 16px; }

.icon-common6 { background: url("/common/images/icons.png") no-repeat -166px -196px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-common7 { background: url("/common/images/icons.png") no-repeat -237px -90px; background-size: 253px 253px; width: 15px; height: 16px; }

.icon-common8 { background: url("/common/images/icons.png") no-repeat -202px -196px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-common9 { background: url("/common/images/icons.png") no-repeat -66px -196px; background-size: 253px 253px; width: 20px; height: 18px; }

.icon-ditrigon { background: url("/common/images/icons.png") no-repeat -176px -152px; background-size: 253px 253px; width: 10px; height: 9px; }

.icon-down { background: url("/common/images/icons.png") no-repeat -139px -129px; background-size: 253px 253px; width: 7px; height: 4px; }

.icon-err { background: url("/common/images/icons.png") no-repeat -88px -196px; background-size: 253px 253px; width: 18px; height: 18px; }

.icon-information { background: url("/common/images/icons.png") no-repeat -130px -109px; background-size: 253px 253px; width: 18px; height: 18px; }

.icon-open { background: url("/common/images/icons.png") no-repeat -169px -221px; background-size: 253px 253px; width: 13px; height: 13px; }

.icon-option { background: url("/common/images/icons.png") no-repeat -188px -149px; background-size: 253px 253px; width: 18px; height: 15px; }

.icon-pgleft { background: url("/common/images/icons.png") no-repeat -218px 0px; background-size: 253px 253px; width: 17px; height: 28px; }

.icon-pgright { background: url("/common/images/icons.png") no-repeat -218px -30px; background-size: 253px 253px; width: 17px; height: 28px; }

.icon-progress { background: url("/common/images/icons.png") no-repeat -190px -167px; background-size: 253px 253px; width: 20px; height: 20px; }

.icon-prompt-lgone { background: url("/common/images/icons.png") no-repeat 0px -55px; background-size: 253px 253px; width: 52px; height: 52px; }

.icon-prompt-lgthree { background: url("/common/images/icons.png") no-repeat -54px -55px; background-size: 253px 253px; width: 52px; height: 52px; }

.icon-prompt-lgtwo { background: url("/common/images/icons.png") no-repeat -55px 0px; background-size: 253px 253px; width: 53px; height: 53px; }

.icon-prompt-smone { background: url("/common/images/icons.png") no-repeat -62px -136px; background-size: 253px 253px; width: 29px; height: 29px; }

.icon-prompt-smthree { background: url("/common/images/icons.png") no-repeat 0px -136px; background-size: 253px 253px; width: 29px; height: 29px; }

.icon-prompt-smtwo { background: url("/common/images/icons.png") no-repeat -31px -136px; background-size: 253px 253px; width: 29px; height: 29px; }

.icon-prompt-sxfive { background: url("/common/images/icons.png") no-repeat -237px -36px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-prompt-sxfour { background: url("/common/images/icons.png") no-repeat -218px -168px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-prompt-sxone { background: url("/common/images/icons.png") no-repeat -184px -196px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-prompt-sxthree { background: url("/common/images/icons.png") no-repeat -237px -18px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-prompt-sxtwo { background: url("/common/images/icons.png") no-repeat -237px -54px; background-size: 253px 253px; width: 15px; height: 16px; }

.icon-radio-d { background: url("/common/images/icons.png") no-repeat -237px -125px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-radio1 { background: url("/common/images/icons.png") no-repeat -17px -221px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-radio2 { background: url("/common/images/icons.png") no-repeat -237px -159px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-right { background: url("/common/images/icons.png") no-repeat -229px -221px; background-size: 253px 253px; width: 10px; height: 9px; }

.icon-search { background: url("/common/images/icons.png") no-repeat -199px -221px; background-size: 253px 253px; width: 13px; height: 13px; }

.icon-shopping { background: url("/common/images/icons.png") no-repeat -128px -196px; background-size: 253px 253px; width: 18px; height: 18px; }

.icon-tick-big { background: url("/common/images/icons.png") no-repeat -127px -152px; background-size: 253px 253px; width: 15px; height: 12px; }

.icon-tick-c { background: url("/common/images/icons.png") no-repeat -137px -98px; background-size: 253px 253px; width: 7px; height: 6px; }

.icon-tick-cnu { background: url("/common/images/icons.png") no-repeat -110px -152px; background-size: 253px 253px; width: 15px; height: 12px; }

.icon-tick-green { background: url("/common/images/icons.png") no-repeat -144px -152px; background-size: 253px 253px; width: 15px; height: 12px; }

.icon-tick-nu { background: url("/common/images/icons.png") no-repeat -93px -152px; background-size: 253px 253px; width: 15px; height: 12px; }

.icon-tick-o { background: url("/common/images/icons.png") no-repeat -208px -158px; background-size: 253px 253px; width: 7px; height: 6px; }

.icon-time { background: url("/common/images/icons.png") no-repeat -148px -196px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-up { background: url("/common/images/icons.png") no-repeat -130px -129px; background-size: 253px 253px; width: 7px; height: 4px; }

.icon-upload-delete { background: url("/common/images/icons.png") no-repeat 0px -196px; background-size: 253px 253px; width: 20px; height: 23px; }

.icon-upload-hover { background: url("/common/images/icons.png") no-repeat -151px 0px; background-size: 253px 253px; width: 35px; height: 35px; }

.icon-upload-ok { background: url("/common/images/icons.png") no-repeat -108px -196px; background-size: 253px 253px; width: 18px; height: 18px; }

.icon-upload-to { background: url("/common/images/icons.png") no-repeat -151px -37px; background-size: 253px 253px; width: 35px; height: 35px; }

.icon-upload { background: url("/common/images/icons.png") no-repeat -110px -41px; background-size: 253px 253px; width: 39px; height: 39px; }

.icon-vc-err { background: url("/common/images/icons.png") no-repeat -138px -221px; background-size: 253px 253px; width: 14px; height: 14px; }

.icon-vc-right { background: url("/common/images/icons.png") no-repeat -122px -221px; background-size: 253px 253px; width: 14px; height: 14px; }

.icon-close1 { background: url("/common/images/icona.png") no-repeat 0px 0px; background-size: 79px 61px; width: 64px; height: 22px; }

.icon-deletes { background: url("/common/images/icona.png") no-repeat -66px 0px; background-size: 79px 61px; width: 13px; height: 14px; }

.icon-msg_ed { background: url("/common/images/icona.png") no-repeat -17px -48px; background-size: 79px 61px; width: 14px; height: 12px; }

.icon-msg_icon { background: url("/common/images/icona.png") no-repeat 0px -48px; background-size: 79px 61px; width: 15px; height: 13px; }

.icon-msg_none { background: url("/common/images/icona.png") no-repeat -33px -48px; background-size: 79px 61px; width: 14px; height: 11px; }

.icon-open1 { background: url("/common/images/icona.png") no-repeat 0px -24px; background-size: 79px 61px; width: 64px; height: 22px; }

.icon-check-37 { background: url("/common/images/goods.png") no-repeat -223px -57px; background-size: 240px 211px; width: 16px; height: 16px; }

.icon-goods-1 { background: url("/common/images/goods.png") no-repeat -109px -156px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-10 { background: url("/common/images/goods.png") no-repeat -156px 0px; background-size: 240px 211px; width: 65px; height: 17px; }

.icon-goods-11 { background: url("/common/images/goods.png") no-repeat -156px -125px; background-size: 240px 211px; width: 37px; height: 18px; }

.icon-goods-12 { background: url("/common/images/goods.png") no-repeat -156px -105px; background-size: 240px 211px; width: 37px; height: 18px; }

.icon-goods-13 { background: url("/common/images/goods.png") no-repeat -156px -38px; background-size: 240px 211px; width: 43px; height: 20px; }

.icon-goods-14 { background: url("/common/images/goods.png") no-repeat -156px -60px; background-size: 240px 211px; width: 44px; height: 17px; }

.icon-goods-15 { background: url("/common/images/goods.png") no-repeat -114px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-16 { background: url("/common/images/goods.png") no-repeat -171px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-17 { background: url("/common/images/goods.png") no-repeat -190px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-18 { background: url("/common/images/goods.png") no-repeat -201px -38px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-19 { background: url("/common/images/goods.png") no-repeat -202px -60px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-2 { background: url("/common/images/goods.png") no-repeat -78px -156px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-20 { background: url("/common/images/goods.png") no-repeat -195px -125px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-21 { background: url("/common/images/goods.png") no-repeat -202px -156px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-22 { background: url("/common/images/goods.png") no-repeat -185px -175px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-23 { background: url("/common/images/goods.png") no-repeat -204px -175px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-24 { background: url("/common/images/goods.png") no-repeat 0px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-25 { background: url("/common/images/goods.png") no-repeat -19px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-26 { background: url("/common/images/goods.png") no-repeat -38px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-27 { background: url("/common/images/goods.png") no-repeat -57px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-28 { background: url("/common/images/goods.png") no-repeat -76px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-29 { background: url("/common/images/goods.png") no-repeat -95px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-3 { background: url("/common/images/goods.png") no-repeat 0px -175px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-30 { background: url("/common/images/goods.png") no-repeat -133px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-31 { background: url("/common/images/goods.png") no-repeat -152px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-32 { background: url("/common/images/goods.png") no-repeat -223px -38px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-33 { background: url("/common/images/goods.png") no-repeat -195px -105px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-34 { background: url("/common/images/goods.png") no-repeat -223px 0px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-35 { background: url("/common/images/goods.png") no-repeat -223px -19px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-36 { background: url("/common/images/goods.png") no-repeat -39px -156px; background-size: 240px 211px; width: 37px; height: 17px; }

.icon-goods-37 { background: url("/common/images/goods.png") no-repeat 0px -156px; background-size: 240px 211px; width: 37px; height: 17px; }

.icon-goods-38 { background: url("/common/images/goods.png") no-repeat -104px -104px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-39 { background: url("/common/images/goods.png") no-repeat -52px -104px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-4 { background: url("/common/images/goods.png") no-repeat -140px -156px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-40 { background: url("/common/images/goods.png") no-repeat 0px 0px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-41 { background: url("/common/images/goods.png") no-repeat 0px -104px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-42 { background: url("/common/images/goods.png") no-repeat -104px -52px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-43 { background: url("/common/images/goods.png") no-repeat -104px 0px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-44 { background: url("/common/images/goods.png") no-repeat -52px -52px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-45 { background: url("/common/images/goods.png") no-repeat 0px -52px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-46 { background: url("/common/images/goods.png") no-repeat -52px 0px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-47 { background: url("/common/images/goods.png") no-repeat -156px -79px; background-size: 240px 211px; width: 29px; height: 24px; }

.icon-goods-48 { background: url("/common/images/goods.png") no-repeat -171px -156px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-49 { background: url("/common/images/goods.png") no-repeat -187px -79px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-5 { background: url("/common/images/goods.png") no-repeat -31px -175px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-50 { background: url("/common/images/goods.png") no-repeat -155px -175px; background-size: 240px 211px; width: 28px; height: 17px; }

.icon-goods-6 { background: url("/common/images/goods.png") no-repeat -93px -175px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-7 { background: url("/common/images/goods.png") no-repeat -62px -175px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-8 { background: url("/common/images/goods.png") no-repeat -124px -175px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-9 { background: url("/common/images/goods.png") no-repeat -156px -19px; background-size: 240px 211px; width: 58px; height: 17px; }

.icon-smilie01 { background: url("/common/images/goods.png") no-repeat -223px -75px; background-size: 240px 211px; width: 16px; height: 16px; }

.icon-smilie02 { background: url("/common/images/goods.png") no-repeat -223px -93px; background-size: 240px 211px; width: 16px; height: 16px; }

.icon-smilie03 { background: url("/common/images/goods.png") no-repeat -223px -111px; background-size: 240px 211px; width: 16px; height: 16px; }

.icon-progress1 { background: url("/common/images/progress.png") no-repeat 0px 0px; background-size: 486px 258px; width: 308px; height: 50px; }

.icon-progress2 { background: url("/common/images/progress.png") no-repeat 0px -52px; background-size: 486px 258px; width: 308px; height: 50px; }

.icon-progress3 { background: url("/common/images/progress.png") no-repeat 0px -208px; background-size: 486px 258px; width: 176px; height: 50px; }

.icon-progress4 { background: url("/common/images/progress.png") no-repeat -310px 0px; background-size: 486px 258px; width: 176px; height: 50px; }

.icon-progress5 { background: url("/common/images/progress.png") no-repeat 0px -104px; background-size: 486px 258px; width: 226px; height: 50px; }

.icon-progress6 { background: url("/common/images/progress.png") no-repeat 0px -156px; background-size: 486px 258px; width: 226px; height: 50px; }

/*游戏区服等列表下拉框*/
.combobox-wrap { box-sizing: content-box; position: absolute; margin: auto; padding: 16px 14px 11px; width: 920px; background-color: #fff; border: solid 2px #ff802b; color: #333; }

.combobox-wrap * { box-sizing: inherit; }

.combobox-wrap i[class^="icon-"] { vertical-align: middle; display: inline-block; }

.combobox-wrap a { cursor: pointer; color: inherit; }

.combobox-wrap .float-left { float: left; }

.combobox-wrap .float-right { float: right; }

.combobox-wrap .both { clear: both; }

.combobox-wrap .overflow-hidden { overflow: hidden; }

.combobox-wrap .dn { display: none; }

.combobox-wrap .color-blue { color: #0e56a6; }

.combobox-wrap .color-orange, .combobox-wrap .combobox-top .combobox-top-tip a:hover, .combobox-wrap .header .top .logoin-info .loggedIn .assetDetails-wrap dl dd, .header .top .logoin-info .loggedIn .assetDetails-wrap dl .combobox-wrap dd { color: #ff802b; }

.combobox-wrap .arrows-wrap { position: absolute; top: -7px; left: 200px; width: 16px; height: 10px; line-height: normal; }

.combobox-wrap .arrows-wrap i { display: inline-block; }

.combobox-wrap .arrows-wrap .big { border-top: none; border-left: 7px solid transparent; border-right: 8px solid transparent; border-bottom: 7px solid #ff802b; }

.combobox-wrap .arrows-wrap .little { position: absolute; left: 1px; top: 6px; border-top: none; border-left: 6px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; }

.combobox-wrap .combobox-top { padding-bottom: 15px; height: 20px; line-height: 20px; }

.combobox-wrap .combobox-top > .float-left { color: #666; }

.combobox-wrap .combobox-top .color-blue:hover { color: #ff802b; }

.combobox-wrap .combobox-top .combobox-top-tip { text-align: left; width: 80%; height: 20px; overflow: hidden; white-space: nowrap; }

.combobox-wrap .combobox-top .combobox-top-tip a { color: #333; margin-right: 16px; }

.combobox-wrap .combobox-top .combobox-top-tip a:hover { text-decoration: underline; }

.combobox-wrap .combobox-top a { vertical-align: top; *vertical-align: middle; }

.combobox-wrap .combobox-top .float-right { position: relative; }

.combobox-wrap .combobox-top .float-right .close { display: inline-block; font-size: 25px; color: #ff802b; line-height: 15px; }

.combobox-wrap .combobox-head { width: 920px; }

.combobox-wrap .combobox-head-search { color: #666; background-color: #fafafa; border: solid 1px #ededed; height: 38px; line-height: 38px; }

.combobox-wrap .combobox-head-search .tab-title { user-select: none; font-size: 14px; }

.combobox-wrap .combobox-head-search .tab-title > li { float: left; padding: 0 20px; cursor: pointer; position: relative; }


.combobox-wrap .combobox-head-search .tab-title > li.active { background-color: red; color: #fff; }

.combobox-wrap .combobox-head-search .tab-title > li.active:first-child { padding-left: 21px; margin-left: -1px; }

.combobox-wrap .combobox-head-search .tab-title > li.active::before, .combobox-wrap .combobox-head-search .tab-title > li.active::after {
  content: ''; position: absolute; display: block; width: 100%; height: 1px; left: 0; background-color: red; }

.combobox-wrap .combobox-head-search .tab-title > li.active::before { top: -1px; }

.combobox-wrap .combobox-head-search .tab-title > li.active::after { bottom: -1px; }

.combobox-wrap .combobox-head-search .tab-title > li.active:hover { color: #fff; text-decoration: none; }
.combobox-wrap .combobox-head-search .tab-title > li:hover { color: red; text-decoration: underline; }

.combobox-wrap .business-type .business-body dl a:hover{text-decoration: none;}
.combobox-wrap .combobox-head-search .search-wrap .input-wrap { height:38px;padding-left: 10px; width: 158px; background-color: #fff; border-left: solid 1px #ededed; border-right: solid 1px #ededed; }

.combobox-wrap .combobox-head-search .search-wrap .input-wrap input { width: 130px; text-indent: 6px; height: 100%; border: 0; }

.combobox-wrap .combobox-head-search .search-wrap .btn-search { padding: 0 16px; height: 100%; line-height: 38px; border: 0; color: #666; background-color: #fafafa; }

.combobox-wrap .combobox-head-search .search-wrap .btn-search:hover { background-color: #ffffff; }

.combobox-wrap .combobox-head-nav { height: 40px; line-height: 40px; border: solid 1px #ededed; border-top: none; border-bottom: none; user-select: none; }

.combobox-wrap .combobox-head-nav .title { color: #333; }

.combobox-wrap .combobox-head-nav .hot-list { font-size: 14px; display: flex; }

.combobox-wrap .combobox-head-nav .hot-list > li { float: left; width: 32px; height: 40px; white-space: nowrap; text-align: center; cursor: pointer; position: relative; }

.combobox-wrap .combobox-head-nav .hot-list > li:first-child { width: 84px; }

.combobox-wrap .combobox-head-nav .hot-list > li.active, .combobox-wrap .combobox-head-nav .hot-list > li:hover {
  color: red; }

.combobox-wrap .combobox-head-nav .hot-list > li.active > span, .combobox-wrap .combobox-head-nav .hot-list > li:hover > span { display: inline-block; width: auto; height: 40px; position: relative; }

.combobox-wrap .combobox-head-nav .hot-list > li.active > span::after, .combobox-wrap .combobox-head-nav .hot-list > li:hover > span::after {
  content: ""; display: block; height: 2px; clear: both; width: 100%;
  position: absolute; bottom: 0; left: 0; background-color: red; }
.combobox-wrap .combobox-body { padding: 10px 0 0; border-top: 1px solid #ededed; }

.combobox-wrap .combobox-body .tag-list li { text-align:left;box-sizing: border-box; float: left; width: 153px; line-height: 30px; padding-left: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.combobox-wrap .combobox-body .tag-list li:nth-child(6n + 1) { margin-left: 0; }

.combobox-wrap .combobox-body .tag-list li a { padding: 0 3px; color:red;}

.combobox-wrap .combobox-body .tag-list li a:hover {
  background-color: red; color: #fff;
}

.combobox-wrap .combobox-body .tag-list li .triangle { display: inline-block; height: 0; border-left: 3px solid #7d7d7d; border-top: 3px solid transparent; border-bottom: 2px solid transparent; vertical-align: middle; margin-top: -2px; }

.combobox-wrap .business-type { padding-bottom: 16px; }

.combobox-wrap .business-type .business-top { border-bottom: 0; }

.combobox-wrap .business-type .business-body { padding-top: 0; height: 72px; }


.combobox-wrap .business-type .business-body dl { box-sizing: border-box;
  margin-left: 0px; float: left; width: 920px; height: 72px; background-color: #e6e6e6; border-radius: 5px; background-repeat: no-repeat; background-position: bottom right; /*  &:last-of-type{ background-color: #ebe2f8; } */ }

.combobox-wrap .business-type .business-body dl:first-child {background-color: #dce9fd;
  /* margin-left: 0; background-color: #fef0e0; border: 2px solid red; position: relative;
 */
}

.combobox-wrap .business-type .business-body dl:first-child:after { position: absolute; z-index: 3; content: ""; width: 18px; height: 18px; right: -2px; bottom: -2px; background: url("../images/chcked.png") no-repeat center; background-size: 100%; }

.combobox-wrap .business-type .business-body dl:nth-of-type(2) { background-color: #dce9fd; }

.combobox-wrap .business-type .business-body dl:nth-of-type(3) { background-color: #e9f6e1; }

.combobox-wrap .business-type .business-body dl:nth-of-type(4) { background-color: #fcecea; }

.combobox-wrap .business-type .business-body dl a { position: relative; padding: 14px 16px; display: block; width: 100%; height: 100%; }

.combobox-wrap .business-type .business-body dl a [class^="icon-arrow-"] { position: absolute; z-index: 1; left: 16px; bottom: 16px; }

.combobox-wrap .business-type .business-body dl a [class^="icon-combobox-"] { position: absolute; z-index: 1; top: 0; right: 0; }

.combobox-wrap .business-type .business-body dl a:hover [class^="icon-arrow"] { left: 32px; }

.combobox-wrap .business-type .business-body dl dt { height: 22px; line-height: 22px;letter-spacing:5px;
  font-size: 40px; color: #333; font-weight: bold; }

.combobox-wrap .business-type .business-body dl dd {
  font-size: 18px;margin-top: 18px;
  height: 14px; line-height: 14px; color: #999; }
/*END游戏区服等列表下拉框*/
/* 下拉框区服名称筛选列表 */
.area-name-lists { width: 100%; height: 32px; box-sizing: border-box; padding-right: 17px; padding-left: 10px !important; line-height: 32px; font-size: 12px; color: #333333; position: absolute; top: 0; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.area-name-lists li { display: inline; }

.area-name-lists li:first-child span { display: none; }

.area-name-lists li p { display: inline-block; cursor: pointer; float: none !important; width: auto !important; line-height: 14px !important; }

.area-name-lists li p:hover { color: #ff802b; }

.area-name-lists .anl-active p { color: #ff802b; }

.dib, .header .top .logoin-info .loggedIn .sign, .header .top .logoin-info .loggedIn .level, .form-rad { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; }

.db { display: block; }

.dn { display: none; }

.fl { float: left; *display: inline; }

.fr { float: right; *display: inline; }

.tc { text-align: center; }

.b { font-weight: bold; }

.wsn { white-space: nowrap; }

.header { margin: auto; min-width: 1200px; display: block; background-color: #fff; }

.header .no-message { position: relative; margin-right: 2px; float: left; }

.header .arrow { position: absolute; top: 17px; right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #999; }

.header .row { width: 1200px; margin: 0 auto; }

.header a:hover { text-decoration: underline; color: #ff0000; }

.header .color-orange, .header .combobox-wrap .combobox-top .combobox-top-tip a:hover, .combobox-wrap .combobox-top .combobox-top-tip .header a:hover, .header .top .logoin-info .loggedIn .assetDetails-wrap dl dd { color: #ff802b; }

.header .top { height: 27px; line-height: 27px; background-color: #f7f7f7; border-bottom: 1px solid #EEEEEE; }

.header .top .notLogin { margin-top: 1px; }

.header .top .logoin-info { color: #666; }

.header .top .logoin-info .dn { display: none !important; }

.header .top .logoin-info .loggedIn { display: table; height: 27px; align-items: center; }

.header .top .logoin-info .loggedIn > .dib, .header .top .logoin-info .loggedIn > .sign, .header .top .logoin-info .loggedIn > .level, .header .top .logoin-info .loggedIn > .form-rad { float: none; }

.header .top .logoin-info .loggedIn > .dib .arrow, .header .top .logoin-info .loggedIn > .sign .arrow, .header .top .logoin-info .loggedIn > .level .arrow, .header .top .logoin-info .loggedIn > .form-rad .arrow { margin: 4.5px 0; }

.header .top .logoin-info .loggedIn .dropdown-menu { width: 265px; box-sizing: border-box; }

.header .top .logoin-info .loggedIn .item .arrow { right: 4px; }

.header .top .logoin-info .loggedIn .chat { margin-left: 30px; }

.header .top .logoin-info .loggedIn .chat img { vertical-align: middle; }

.header .top .logoin-info .loggedIn img.avatar { margin-right: 16px; width: 70px; height: 70px; border-radius: 50%; }

.header .top .logoin-info .loggedIn .sign { padding: 0 11px; line-height: 20px; border: 1px solid #eeeeee; border-radius: 15px; height: 24px; line-height: 22px !important; margin-bottom: 2px; width: 145px; box-sizing: border-box; }

.header .top .logoin-info .loggedIn .sign .line { margin: 0 6px; color: #ccc; }

.header .top .logoin-info .loggedIn .sign .color-orange, .header .top .logoin-info .loggedIn .sign .combobox-wrap .combobox-top .combobox-top-tip a:hover, .combobox-wrap .combobox-top .combobox-top-tip .header .top .logoin-info .loggedIn .sign a:hover, .header .top .logoin-info .loggedIn .sign .assetDetails-wrap dl dd, .header .top .logoin-info .loggedIn .assetDetails-wrap dl .sign dd { color: #ff802b; }

.header .top .logoin-info .loggedIn .sign .color-orange:hover, .header .top .logoin-info .loggedIn .sign .combobox-wrap .combobox-top .combobox-top-tip a:hover, .combobox-wrap .combobox-top .combobox-top-tip .header .top .logoin-info .loggedIn .sign a:hover, .header .top .logoin-info .loggedIn .sign .assetDetails-wrap dl dd:hover, .header .top .logoin-info .loggedIn .assetDetails-wrap dl .sign dd:hover { color: #ff6b1a; }

.header .top .logoin-info .loggedIn .sign a:hover { color: #ff802b; }

.header .top .logoin-info .loggedIn .item:first-child { border-right: none; }

.header .top .logoin-info .loggedIn .item .name { position: relative; }

.header .top .logoin-info .loggedIn .item .dropdown-menu { padding: 16px; white-space: nowrap; }

.header .top .logoin-info .loggedIn .item .dropdown-menu p { line-height: 27px; }

.header .top .logoin-info .loggedIn .user_level { color: #333333; font-size: 12px; padding-left: 12px; }

.header .top .logoin-info .loggedIn .level { margin: 0px; padding: 0 2px; font-weight: bold; background-color: #ffd21d; border: 1px solid #fd7b00; border-radius: 2px; color: #fd7b00; font-size: 10px; vertical-align: inherit; height: 15px; line-height: 14px; box-sizing: border-box; position: relative; top: -1px; }

.header .top .logoin-info .loggedIn .message_center { float: left; margin-left: 5px; margin-right: 6px; height: 12px; line-height: 12px; }

.header .top .logoin-info .loggedIn .message_center .-Num- { padding-left: 1px; height: 12px; line-height: 12px; float: right; }

.header .top .logoin-info .loggedIn .circle-wrap { width: 90px; min-height: 90px; position: relative; }

.header .top .logoin-info .loggedIn .circle-wrap dd { width: 100%; position: absolute; top: 20px; left: 0; }

.header .top .logoin-info .loggedIn .assetDetails-wrap { width: 155px; }

.header .top .logoin-info .loggedIn .assetDetails-wrap dl { float: left; padding-left: 5px; margin-bottom: 8px; width: 71px; line-height: 16px; }

.header .top .logoin-info .loggedIn .assetDetails-wrap dl.bl-blue { border-left: 1px solid #0263b2; }

.header .top .logoin-info .loggedIn .assetDetails-wrap dl.bl-orange { border-left: 1px solid #ff802b; }

.header .top .logoin-info .loggedIn .assetDetails-wrap dl.bl-green { border-left: 1px solid #6bc213; }

.header .top .logoin-info .loggedIn .assetDetails-wrap dl.bl-grey { border-left: 1px solid #b8bcbb; }

.header .top .qq-login { border: 1px solid #e0e0e0; padding: 1px 3px; margin: 0 6px; }

.header .top .qq-login img { width: 14px; height: 14px; margin-bottom: 2px; }

.header .menu-wrap .item { position: relative; margin: 7.5px 0; float: left; height: 12px; line-height: 1; color: #666; cursor: pointer; *z-index: 11; }

.header .menu-wrap .item:hover .dropdown-menu { display: block; }

.header .menu-wrap .item:hover .dropdown-menu ~ .right-line { display: none; }

.header .menu-wrap .item:hover .dropdown-menu + .fukie { display: block; }

.header .menu-wrap .item:hover .arrow { border-top: none; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 3px solid #999; }

.header .menu-wrap .item:last-child { border-right: none; }

.header .menu-wrap .item .fukie { width: 100%; display: none; position: absolute; top: 9px; left: -1px; right: 0; bottom: 0; margin: auto; height: 30px; background-color: #fff; border: 1px solid #eee; box-sizing: content-box; }

.header .menu-wrap .item > a { display: block; padding: 0 17px 0 16px; z-index: 3; }

.header .menu-wrap .item > a span { position: relative; z-index: 22; display: block; }

.header .menu-wrap .item .top-use-name { padding-left: 4px; padding-right: 13px; }

.header .menu-wrap .item .top-use-name span { display: block; }

.header .menu-wrap .item .two-select-menu { padding-right: 27px; }

.header .menu-wrap .item .two-select-menu i { right: 16px; }

.header .menu-wrap .item .arrow { z-index: 2; right: 6px; top: 0; bottom: 0; margin: auto; height: 0; margin-top: 4.5px; }

.header .menu-wrap .item > .dropdown-menu > ul { display: block !important; }

.header .menu-wrap .item > .dropdown-menu > ul > li { position: relative; }

.header .menu-wrap .item > .dropdown-menu > ul > li:first-child { border-left: none; }

.header .menu-wrap .item > .dropdown-menu > ul > li::after { border-left: 1px solid #ededed; position: absolute; left: 0; top: 10px; content: ""; height: 89%; }

.header .menu-wrap .item > .dropdown-menu > ul > li:nth-of-type(1)::after { border-left: none; content: ""; }

.header .menu-wrap .item .dropdown-menu { display: none; position: absolute; z-index: 99999; left: -1px; top: 20px; min-width: 100%; height: auto; background-color: #fff; border: 1px solid #eee; border-top: none; padding-bottom: 6px; box-sizing: content-box; }

.header .menu-wrap .item .dropdown-menu .title { font-weight: bold; }

.header .menu-wrap .item .dropdown-menu .b { display: block; margin-bottom: 7px; }

.header .menu-wrap .item .dropdown-menu a, .header .menu-wrap .item .dropdown-menu span { color: #666; }

.header .menu-wrap .item .dropdown-menu .-Level- { color: #fd7b00; }

.header .menu-wrap .item .dropdown-menu img.db { margin: auto; max-width: 75px; max-height: 75px; }

.header .menu-wrap .item .dropdown-menu ul { display: table-row; }

.header .menu-wrap .item .dropdown-menu ul > li { vertical-align: top; padding: 0px  0px 0 16px; display: table-cell; float: none; }

.header .menu-wrap .item .dropdown-menu ul > li a { display: block; height: 30px; line-height: 30px; }

.header .menu-wrap .item .dropdown-menu ul > li a:hover { color: #ff802b; }

.header .menu-wrap .item .dropdown-menu ul > li .b { margin-bottom: 0; }

.header .menu-wrap .item .dropdown-menu ul > .code-li { padding: 6px 0 0 0; overflow: hidden; }

.header .menu-wrap .item .dropdown-menu ul > .code-li .code-div { padding: 0 9px; }

.header .menu-wrap .item .dropdown-menu ul > .code-li img { display: block; margin-bottom: 2px; }

.header .menu-wrap .item .dropdown-menu ul > .code-li a { width: 86px; text-align: center; display: block; overflow: hidden; height: 14px; margin: auto; line-height: 14px; }

.header .menu-wrap .item .dropdown-menu ul li > ul { margin-left: -10px; }

.header .menu-wrap .item .dropdown-menu ul li > ul li { padding-left: 0; padding-right: 16px; }

.header .menu-wrap .item .dropdown-menu > .mt6 { margin-bottom: 6px; }

.header .menu-wrap .item .dropdown-menu > .mt6:last-child { margin-bottom: 0; }

.header .menu-wrap .item:last-child > a { padding-left: 16px; }

.header .carousel-wrap { position: relative; overflow: hidden; width: 100%; height: 30px; }

.header .carousel-wrap .carousel-inner { position: absolute; left: 0; top: 0; }

.header .carousel-wrap .carousel-inner { overflow: hidden; width: 100000px; }

.header .carousel-wrap .carousel-inner .item { float: left; margin-left: 5px !important; padding: 0 !important; width: 30px; height: 30px; }

.header .carousel-wrap .carousel-inner .item:first-child { margin-left: 0; }

.header .carousel-wrap .carousel-inner .item img { width: 100%; height: 100%; }

.header .right-line { height: 10px; border-right: 1px solid #d6d6d6; position: absolute; top: 1px; right: 0; }

.header .bold { font-weight: bold; }

.right-hover { position: fixed; top: 50%; transform: translateY(-50%); right: 10px;background: #fff;
  width: 74px; height: 504px;  box-shadow: 0 0 7px 0 #d1d1d1; border-radius: 2px; z-index: 9999; }

.right-hover .hide { display: none; }

.right-hover > ul { width: 100%; }

.right-hover > ul > li { height: 72px; position: relative; }

.right-hover > ul > li:after { content: ""; width: 42px; height: 1px; position: absolute; left: 16px; bottom: 0; background-color: #eee; }

.right-hover > ul > li:last-of-type:after { width: 0; height: 0; }

.right-hover > ul > li > a { padding-top: 16px; height: 56px; display: block; text-align: center; font-size: 0; }

.right-hover > ul > li > a > i { position: relative; width: 25px; height: 25px; display: block; margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: 100%; }

.right-hover > ul > li > a > span { display: block; height: 16px; line-height: 16px; margin-top: 4px; font-size: 12px; color: #999; }

.right-hover > ul > li > a em { position: absolute; font-size: 12px; background-color: #ff0000; color: #fff; width: 20px; height: 16px; line-height: 16px; top: -8px; right: -10px; text-align: center; border-radius: 11px; }

.right-hover > ul > li.go-buy i { background-image: url("/common/images/buy.png"); }

.right-hover > ul > li.go-sell i { background-image: url("/common/images/sell.png"); }

.right-hover > ul > li.go-shopCar i { background-image: url("/common/images/car.png"); }

.right-hover > ul > li.go-collect i { background-image: url("/common/images/collect.png"); }

.right-hover > ul > li.go-order-detail i { background-image: url("/common/images/message.png"); }

.right-hover > ul > li#consult i { background-image: url("/common/images/customer.png"); }

.right-hover > ul > li#consult span { color: #ff802b; }

.right-hover > ul > li.go-top i { background-image: url("/common/images/go-top.png"); }

.right-hover > ul > li:hover.go-buy i { background-image: url("/common/images/buy_active.png"); }

.right-hover > ul > li:hover.go-sell i { background-image: url("/common/images/sell_active.png"); }

.right-hover > ul > li:hover.go-shopCar i { background-image: url("/common/images/car_active.png"); }

.right-hover > ul > li:hover.go-collect i { background-image: url("/common/images/collect_active.png"); }

.right-hover > ul > li:hover.go-order-detail i { background-image: url("/common/images/message_active.png"); }

.right-hover > ul > li:hover.go-top i { background-image: url("/common/images/go-top-active.png"); }

.icon-calendar-red { background: url("/common/images/usernew.png") no-repeat -78px -32px; background-size: 93px 76px; width: 13px; height: 13px; }

.icon-clipboard-l { background: url("/common/images/usernew.png") no-repeat -60px 0px; background-size: 93px 76px; width: 16px; height: 16px; }

.icon-file { background: url("/common/images/usernew.png") no-repeat -78px -16px; background-size: 93px 76px; width: 13px; height: 14px; }

.icon-gift-l { background: url("/common/images/usernew.png") no-repeat 0px -60px; background-size: 93px 76px; width: 16px; height: 16px; }

.icon-mailer-gray { background: url("/common/images/usernew.png") no-repeat -20px -20px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-mailer { background: url("/common/images/usernew.png") no-repeat -40px 0px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-mark { background: url("/common/images/usernew.png") no-repeat -78px 0px; background-size: 93px 76px; width: 15px; height: 14px; }

.icon-medal-l { background: url("/common/images/usernew.png") no-repeat -60px -36px; background-size: 93px 76px; width: 16px; height: 16px; }

.icon-message-l { background: url("/common/images/usernew.png") no-repeat -60px -18px; background-size: 93px 76px; width: 16px; height: 16px; }

.icon-phone-gray { background: url("/common/images/usernew.png") no-repeat 0px 0px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-phone { background: url("/common/images/usernew.png") no-repeat -20px -40px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-portrait-gray { background: url("/common/images/usernew.png") no-repeat 0px -40px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-portrait { background: url("/common/images/usernew.png") no-repeat -40px -20px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-shopping-cart-active { background: url("/common/images/usernew.png") no-repeat -18px -60px; background-size: 93px 76px; width: 16px; height: 15px; }

.icon-shopping-cart { background: url("/common/images/usernew.png") no-repeat -36px -60px; background-size: 93px 76px; width: 16px; height: 15px; }

.icon-shopping-y { background: url("/common/images/usernew.png") no-repeat -54px -60px; background-size: 93px 76px; width: 15px; height: 15px; }

.icon-weixin-gray { background: url("/common/images/usernew.png") no-repeat 0px -20px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-weixin { background: url("/common/images/usernew.png") no-repeat -20px 0px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-yellowDiamond { background: url("/common/images/usernew.png") no-repeat -40px -40px; background-size: 93px 76px; width: 18px; height: 15px; }

.icon-arrow-default { background: url("/common/images/business_type.png") no-repeat -176px -107px; background-size: 248px 194px; width: 13px; height: 11px; }

.icon-arrow-dj { background: url("/common/images/business_type.png") no-repeat -211px -74px; background-size: 248px 194px; width: 13px; height: 11px; }

.icon-arrow-dl { background: url("/common/images/business_type.png") no-repeat -221px -94px; background-size: 248px 194px; width: 13px; height: 11px; }

.icon-arrow-steam { background: url("/common/images/business_type.png") no-repeat -206px -94px; background-size: 248px 194px; width: 13px; height: 11px; }

.icon-arrow-trade { background: url("/common/images/business_type.png") no-repeat -226px -74px; background-size: 248px 194px; width: 13px; height: 11px; }

.icon-arrow-zuhao { background: url("/common/images/business_type.png") no-repeat -196px -74px; background-size: 248px 194px; width: 13px; height: 11px; }

.icon-chcked { background: url("/common/images/business_type.png") no-repeat -176px -74px; background-size: 248px 194px; width: 18px; height: 18px; }

.icon-combobox-dj { background: url("/common/images/business_type.png") no-repeat -102px 0px; background-size: 248px 194px; width: 72px; height: 72px; }

.icon-combobox-dl { background: url("/common/images/business_type.png") no-repeat -74px -122px; background-size: 248px 194px; width: 72px; height: 72px; }

.icon-combobox-next-light { background: url("/common/images/business_type.png") no-repeat -176px -94px; background-size: 248px 194px; width: 13px; height: 11px; }

.icon-combobox-next { background: url("/common/images/business_type.png") no-repeat -191px -94px; background-size: 248px 194px; width: 13px; height: 11px; }

.icon-combobox-steam { background: url("/common/images/business_type.png") no-repeat 0px 0px; background-size: 248px 194px; width: 100px; height: 120px; }

.icon-combobox-trade { background: url("/common/images/business_type.png") no-repeat -176px 0px; background-size: 248px 194px; width: 72px; height: 72px; }

.icon-combobox-zuhao { background: url("/common/images/business_type.png") no-repeat 0px -122px; background-size: 248px 194px; width: 72px; height: 72px; }

a { text-decoration: none; }

button { outline: none; }

button:hover { cursor: pointer; }

input { outline: none;/* -webkit-appearance: none;*/ border-radius: 0; box-shadow: none !important; }

i { display: inline-block; }

a html, body { padding: 0; margin: 0; }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0; padding: 0; }

body, button, input, select, textarea { font-family: 'Arial','Microsoft Yahei'; font-size: 12px; color: #666; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

address, cite, dfn, em, var { font-style: normal; }

ul, ol, dl { list-style: none; }
.ovh  .userinfo .icons-wrap{text-align: left}
a { text-decoration: none; outline: none; cursor: pointer; }
.main .colorblue {
  color: #ff802b;
}
img { border: 0; }

button, input, select, textarea { font-size: 100%; resize: none; outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

.fl { float: left; *display: inline; }

.fr { float: right; *display: inline; }

.dn { display: none; }

.di { display: inline; }

.db { display: block; }

.dib, .header .top .logoin-info .loggedIn .sign, .header .top .logoin-info .loggedIn .level, .form-rad { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; }

.cl { clear: both; }

.rel { position: relative; }

.abs { position: absolute; }

.t2 { text-indent: 2em; }

.n { font-weight: normal; font-style: normal; white-space: normal; }

.b { font-weight: bold; }

.i { font-style: italic; }

.tc { text-align: center; }

.tr { text-align: right; }

.tl { text-align: left; }

.tdl { text-decoration: underline; }

.poi { cursor: pointer; }

.def { cursor: default; }

.ovh { overflow: hidden; _overflow: visible; _zoom: 1; }

.ova { overflow: auto; }

.vh { visibility: hidden; }

.vv { visibility: visible; }

.opa0 { opacity: 0; filter: alpha(opacity=0); }

.z { *zoom: 1; }

.auto { margin-left: auto; margin-right: auto; }

.fix { *zoom: 1; }

.fix:after { display: table; content: ''; clear: both; }

.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.dib_vm { display: inline-block; width: 0; height: 100%; vertical-align: middle; }

.disabled { outline: 0 none; cursor: default !important; opacity: .4; filter: alpha(opacity=40); -ms-pointer-events: none; pointer-events: none; }

.elip, .form-radio-hidden .frh-cet ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.wsn { white-space: nowrap; }

.form-getvc .gary { color: #ccc; cursor: not-allowed  !important; }

.row { width: 1200px; margin:15px auto; }

::-ms-clear, ::-ms-reveal { display: none; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }

li { list-style: none; }

.clearfloat { zoom: 1; }

.clearfloat:after { display: block; clear: both; content: ""; }

.fonts-twenty-four { font-size: 24px; font-family: Microsoft YaHei; font-weight: 900; }

.fonts-twenty { font-size: 20px; font-family: Microsoft YaHei; font-weight: 900; }

.fonts-eighteen { font-size: 18px; font-family: Microsoft YaHei; }

.btn-forty-pi, .btn-forty-msc, .btn-forty-atc, .btn-forty-pd, .btn-forty-vc, .btn-fortyh-pi, .btn-fortyh-msc, .btn-fortyh-atc, .btn-fortyh-pd, .btn-fortyh-vc, .btn-forty-nb, .btn-forty-recapture, .fonts-sixteen { font-size: 16px; font-family: Microsoft YaHei; }

.btn-thirtyf-ipay, .btn-thirtyf-isearch, .btn-thirtyfh-ipay, .btn-thirtyfh-isearch, .fonts-fourteen { font-size: 14px; font-family: Microsoft YaHei; }

.fonts-thirteen { font-size: 13px; font-family: Microsoft YaHei; }

.btn-thirty-pi, .btn-thirty-collectb, .btn-thirty-atc, .btn-thirty-ic, .btn-thirty-rn, .btn-thirtyh-pi, .btn-thirtyh-collectb, .btn-thirtyh-atc, .btn-thirtyh-vd, .btn-thirtyh-rn, .btn-thirty-safei, .btn-thirty-entm, .btn-thirty-orde, .btn-thirty-accn, .btn-thirtyh-safei, .btn-thirtyh-entm, .btn-thirtyh-orde, .btn-thirtyh-accn, .btn-twentyf-search, .btn-twentyf-cancel, .btn-twentyf-atc, .btn-twentyf-filter, .btn-twentyf-area, .btn-twentyf-release, .btn-twentyf-join, .btn-twentyf-center, .btn-twentyfh-search, .btn-twentyfh-cancel, .btn-twentyfh-atc, .btn-twentyfh-filter, .btn-twentyfh-area, .btn-twentyfh-release, .btn-twentyfh-join, .btn-twentyfh-center, .btn-twenty-copy, .btn-twenty-con, .btn-twenty-del, .btn-twenty-see, .btn-twenty-rec, .btn-twentyh-copy, .btn-twentyh-con, .btn-twentyh-del, .btn-twentyh-see, .btn-twentyh-rec, .fonts-twelve { font-size: 12px; font-family: Microsoft YaHei; }

/* 按钮 */
.btn-forty-pi, .btn-forty-msc, .btn-forty-atc, .btn-forty-pd, .btn-forty-vc, .btn-fortyh-pi, .btn-fortyh-msc, .btn-fortyh-atc, .btn-fortyh-pd, .btn-fortyh-vc, .btn-forty-nb, .btn-forty-recapture { width: 138px; height: 38px; text-align: center; line-height: 38px; *line-height: 36px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; }

.btn-thirtyf-ipay, .btn-thirtyf-isearch, .btn-thirtyfh-ipay, .btn-thirtyfh-isearch { width: 98px; height: 32px; text-align: center; line-height: 32px; *line-height: 30px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; }

.btn-thirty-pi, .btn-thirty-collectb, .btn-thirty-atc, .btn-thirty-ic, .btn-thirty-rn, .btn-thirtyh-pi, .btn-thirtyh-collectb, .btn-thirtyh-atc, .btn-thirtyh-vd, .btn-thirtyh-rn, .btn-thirty-safei, .btn-thirty-entm, .btn-thirty-orde, .btn-thirty-accn, .btn-thirtyh-safei, .btn-thirtyh-entm, .btn-thirtyh-orde, .btn-thirtyh-accn { width: 98px; height: 28px; text-align: center; line-height: 28px; *line-height: 26px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; }

.btn-twentyf-search, .btn-twentyf-cancel, .btn-twentyf-atc, .btn-twentyf-filter, .btn-twentyf-area, .btn-twentyf-release, .btn-twentyf-join, .btn-twentyf-center, .btn-twentyfh-search, .btn-twentyfh-cancel, .btn-twentyfh-atc, .btn-twentyfh-filter, .btn-twentyfh-area, .btn-twentyfh-release, .btn-twentyfh-join, .btn-twentyfh-center { width: 78px; height: 22px; text-align: center; line-height: 22px; *line-height: 21px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; }

.btn-twenty-copy, .btn-twenty-con, .btn-twenty-del, .btn-twenty-see, .btn-twenty-rec, .btn-twentyh-copy, .btn-twentyh-con, .btn-twentyh-del, .btn-twentyh-see, .btn-twentyh-rec { width: 38px; height: 18px; text-align: center; line-height: 18px; *line-height: 17px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; }

.btn-forty-pi, .btn-thirtyf-ipay, .btn-thirty-pi, .btn-twentyf-search, .btn-twentyf-filter { color: #FFFFFF; border: 1px solid #ff802b; background-color: #ff802b; }

.btn-forty-msc, .btn-thirty-collectb, .btn-twentyf-cancel, .btn-twentyf-join, .btn-twenty-con { color: #ff802b; border: 1px solid #ff802b; background-color: #FFFFFF; }

.btn-forty-atc, .btn-thirty-atc, .btn-twentyf-atc, .btn-twentyf-release { color: #ff802b; border: 1px solid #ff802b; background-color: #FFF5EC; }

.btn-forty-vc, .btn-thirtyf-isearch:hover, .btn-thirtyfh-isearch, .btn-thirty-ic, .btn-thirty-rn, .btn-twentyf-area, .btn-twentyf-center, .btn-twentyf-center:hover, .btn-twentyfh-center, .btn-twenty-copy { color: #666666; border: 1px solid #D6D6D6; background-color: #FFFFFF; }

.btn-forty-pi:hover, .btn-fortyh-pi, .btn-thirtyf-ipay:hover, .btn-thirtyfh-ipay, .btn-thirty-pi:hover, .btn-thirtyh-pi, .btn-twentyf-search:hover, .btn-twentyf-filter:hover, .btn-twentyfh-search, .btn-twentyfh-filter { color: #FFFFFF; border: 1px solid #FF7327; background-color: #FF7327; }

.btn-forty-msc:hover, .btn-fortyh-msc, .btn-thirty-collectb:hover, .btn-thirtyh-collectb, .btn-twentyf-cancel:hover, .btn-twentyf-join:hover, .btn-twentyfh-cancel, .btn-twentyfh-join, .btn-twenty-con:hover, .btn-twentyh-con { color: #FFFFFF; border: 1px solid #ff802b; background-color: #ff802b; }

.btn-forty-atc:hover, .btn-fortyh-atc, .btn-thirty-atc:hover, .btn-thirtyh-atc, .btn-twentyf-atc:hover, .btn-twentyf-release:hover, .btn-twentyfh-atc, .btn-twentyfh-release { color: #ff802b; border: 1px solid #ff802b; background-color: #FFFFFF; }

.btn-forty-vc:hover, .btn-fortyh-vc, .btn-thirtyf-isearch, .btn-thirty-ic:hover, .btn-thirty-rn:hover, .btn-thirtyh-vd, .btn-thirtyh-rn, .btn-twentyf-area:hover, .btn-twentyfh-area, .btn-twenty-copy:hover, .btn-twentyh-copy { color: #ff802b; border: 1px solid #ff802b; }

.btn-thirty-safei, .btn-twenty-rec { color: #38B03F; border: 1px solid #38B03F; background-color: #FFFFFF; }

.btn-thirty-entm, .btn-twenty-see { color: #0E56A6; border: 1px solid #0E56A6; background-color: #FFFFFF; }

.btn-thirty-orde { color: #FFFFFF; border: 1px solid #38B03F; background-color: #38B03F; }

.btn-thirty-accn { color: #FFFFFF; border: 1px solid #0E56A6; background-color: #0E56A6; }

.btn-twenty-del { color: #FF0000; border: 1px solid #FF0000; background-color: #FFFFFF; }

.btn-thirty-safei:hover, .btn-thirtyh-safei, .btn-twenty-rec:hover, .btn-twentyh-rec { color: #FFFFFF; border: 1px solid #38B03F; background-color: #38B03F; }

.btn-thirty-entm:hover, .btn-thirtyh-entm, .btn-twenty-see:hover, .btn-twentyh-see { color: #FFFFFF; border: 1px solid #0E56A6; background-color: #0E56A6; }

.btn-thirty-orde:hover, .btn-thirtyh-orde { color: #FFFFFF; border: 1px solid #56BC5C; background-color: #56BC5C; }

.btn-thirty-accn:hover, .btn-thirtyh-accn { color: #FFFFFF; border: 1px solid #326FB3; background-color: #326FB3; }

.btn-twenty-del:hover, .btn-twentyh-del { color: #FFFFFF; border: 1px solid #FF0000; background-color: #FF0000; }

.btn-col-seem, .btn-col-edit, .btn-col-del, .btn-col-who, .btn-col-payment, .btn-colh-seem, .btn-colh-edit, .btn-colh-del, .btn-colh-who, .btn-colh-payment { font-size: 12px; color: #FFFFFF; border: 1px solid #FFFFFF; background-color: #FFFFFF; }

.btn-forty-msc:hover { opacity: 0.9; }

.btn-forty-pd { color: #FFFFFF; border: 1px solid #F1A325; background-color: #F1A325; }

.btn-forty-pd:hover { border: 1px solid #F3B145; background-color: #F3B145; }

.btn-forty-vc { font-size: 12px; }

.btn-fortyh-msc { opacity: 0.9; }

.btn-fortyh-pd { color: #FFFFFF; border: 1px solid #F3B145; background-color: #F3B145; }

.btn-fortyh-pd span { display: inline-block; width: 18px; height: 18px; border-radius: 50%; margin-right: 5px; background-color: #FFFFFF; position: relative; top: 2px; }

.btn-fortyh-pd i { color: #FF9900; border-radius: 50%; font-size: 18px; }

.btn-fortyh-vc { font-size: 12px; }

.btn-forty-nb { color: #999999; border: 1px solid #EDEDED; background-color: #FAFAFA; }

.btn-forty-recapture { color: #999999; border: 1px solid #EDEDED; background-color: #FAFAFA; font-size: 12px; }

button[class="btn-forty-pi"], button[class="btn-fortyh-pi"], button[class="btn-forty-msc"], button[class="btn-fortyh-msc"], button[class="btn-forty-atc"], button[class="btn-fortyh-atc"], button[class="btn-forty-pd"], button[class="btn-fortyh-pd"], button[class="btn-forty-vc"], button[class="btn-fortyh-vc"], button[class="btn-forty-nb"], button[class="btn-forty-recapture"] { width: 140px; height: 40px; }

button[class="btn-thirtyf-ipay"], button[class="btn-thirtyfh-ipay"], button[class="btn-thirtyf-isearch"], button[class="btn-thirtyfh-isearch"] { width: 100px; height: 34px; }

.btn-thirty-rn { -webkit-border-radius: 15px; border-radius: 15px; }

.btn-thirtyh-rn { -webkit-border-radius: 15px; border-radius: 15px; }

button[class="btn-thirty-pi"], button[class="btn-thirtyh-pi"], button[class="btn-thirty-collectb"], button[class="btn-thirtyh-collectb"], button[class="btn-thirty-atc"], button[class="btn-thirtyh-atc"], button[class="btn-thirty-ic"], button[class="btn-thirtyh-ic"], button[class="btn-thirty-rn"], button[class="btn-thirtyh-rn"] { width: 100px; height: 30px; }

button[class="btn-thirty-safei"], button[class="btn-thirtyh-safei"], button[class="btn-thirty-entm"], button[class="btn-thirtyh-entm"], button[class="btn-thirty-orde"], button[class="btn-thirtyh-orde"], button[class="btn-thirty-accn"], button[class="btn-thirtyh-accn"] { width: 100px; height: 30px; }

.btn-twentyf-filter { -webkit-border-radius: 15px; border-radius: 15px; }

.btn-twentyf-area { -webkit-border-radius: 15px; border-radius: 15px; }

.btn-twentyf-release { -webkit-border-radius: 15px; border-radius: 15px; }

.btn-twentyf-join { -webkit-border-radius: 15px; border-radius: 15px; }

.btn-twentyfh-filter { -webkit-border-radius: 15px; border-radius: 15px; }

.btn-twentyfh-area { -webkit-border-radius: 15px; border-radius: 15px; }

.btn-twentyfh-release { -webkit-border-radius: 15px; border-radius: 15px; }

.btn-twentyfh-join { -webkit-border-radius: 15px; border-radius: 15px; }

button[class="btn-twentyf-search"], button[class="btn-twentyfh-search"], button[class="btn-twentyf-cancel"], button[class="btn-twentyfh-cancel"], button[class="btn-twentyf-atc"], button[class="btn-twentyfh-atc"], button[class="btn-twentyf-filter"], button[class="btn-twentyfh-filter"], button[class="btn-twentyf-area"], button[class="btn-twentyfh-area"], button[class="btn-twentyf-release"], button[class="btn-twentyfh-release"], button[class="btn-twentyf-join"], button[class="btn-twentyfh-join"], button[class="btn-twentyf-center"], button[class="btn-twentyfh-center"] { width: 80px; height: 24px; }

button[class="btn-twenty-copy"], button[class="btn-twentyh-copy"], button[class="btn-twenty-con"], button[class="btn-twentyh-con"], button[class="btn-twenty-del"], button[class="btn-twentyh-del"], button[class="btn-twenty-see"], button[class="btn-twentyh-see"], button[class="btn-twenty-rec"], button[class="btn-twentyh-rec"] { width: 40px; height: 20px; }

.btn-col-seem { color: #666666; }

.btn-col-seem:hover { color: #ff802b; }

.btn-col-edit { color: #0E56A6; }

.btn-col-edit:hover { color: #326FB3; }

.btn-col-del { color: #FF0000; }

.btn-col-del:hover { color: #FF3333; }

.btn-col-who { color: #ff802b; }

.btn-col-who:hover { color: #FF7327; }

.btn-col-payment { color: #0E56A6; }

.btn-col-payment:hover { color: #326FB3; }

.btn-colh-seem { color: #ff802b; }

.btn-colh-edit { color: #326FB3; }

.btn-colh-del { color: #FF3333; }

.btn-colh-who { color: #FF7327; }

.btn-colh-payment { color: #326FB3; }

/*颜色*/
.col-pay { background-color: #ff802b; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-pay-mouse { background-color: #FF7327; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-success { background-color: #38B03F; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-success-mouse { background-color: #56BC5C; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-commonly { background-color: #0E56A6; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-commonly-mouse { background-color: #326FB3; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-delete { background-color: #FF0000; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-delete-mouse { background-color: #FF3333; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-title { background-color: #333333; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-text { background-color: #666666; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-prompt { background-color: #999999; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-button-line { background-color: #D6D6D6; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-plate-line { background-color: #EDEDED; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-plate-bgd { background-color: #FAFAFA; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-dark-text { background-color: #FFFFFF; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-danger-line { background-color: #FFCDBF; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-danger-bgd { background-color: #FFE5DE; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-success-line { background-color: #B6E8BB; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-success-bgd { background-color: #DDF4DF; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-notice-line { background-color: #FFDECC; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-notice-bgd { background-color: #FFF5EC; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-commonly-line { background-color: #B2D4F2; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

.col-commonly-bgd { background-color: #FBFDFF; -webkit-border-radius: 5px; border-radius: 5px; width: 200px; height: 50px; }

/*文字*/
/* 菜单 */
.menu { width: 615px; height: inherit; border-bottom: 2px solid #ff802b; overflow: hidden; }

.menu-classify { width: 145px; height: inherit; padding: 12px 0px; background-color: #ff802b; color: #FFFFFF; font-size: 16px; float: left; text-align: center; }

.menu ul { overflow: hidden; }

.menu ul li { float: left; padding: 12px 0; text-align: center; }

.menu ul li a { overflow: hidden; color: #666666; padding: 12px 25px; }

.menu ul li:hover a { color: #ff802b; }

.menu-lf { width: 100%; height: inherit; position: relative; }

.menu-left { width: 220px; height: inherit; border: 1px solid #EDEDED; }

.menu-left > div { padding: 15px; border-top: 1px solid #FAFAFA; }

.menu-left > div:hover { background-color: #FFF5EC; cursor: pointer; }

.menu-left > div:first-child { border-top: 0px solid #FAFAFA; }

.menu-left > div > p { text-align: left; font-size: 14px; color: #333333; }

.menu-left-down a, .menu-left-hidden-center a { font-size: 12px; color: #666666; }

.menu-left-hidden-center a { display: inline-block; padding-right: 20px; text-align: center; }

.menu-left > div:hover .menu-left-hidden { display: block; }

.menu-left-hidden { display: none; position: absolute; top: 0; left: 220px; border: 1px solid #ff802b; padding: 0 25px; }

.menu-left-hidden > div { padding: 20px 0; }

.menu-left-hidden > div p { padding-bottom: 10px; font-size: 14px; color: #333333; border-bottom: 1px solid #EDEDED; }

.menu-left-hidden-center { padding-top: 5px; }

.menu-left-down a:hover, .menu-left-hidden-center a:hover { color: #ff802b; }

.menu-personal { width: 610px; height: inherit; border-bottom: 1px solid #999999; border-top: 1px solid #EDEDED; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; }

.menu-personal ul { width: 100%; overflow: hidden; }

.menu-personal ul li { float: left; text-align: center; padding: 30px 48px; }

.menu-personal ul li a { font-size: 16px; color: #333333; padding: 28px 0px; }

.menu-personal ul li:hover a { border-bottom: 2px solid #ff802b; color: #ff802b; }

.menu-personleft { width: 220px; height: inherit; border: 1px solid #EDEDED; }

.menu-personleft > div { padding: 10px 0; padding-left: 30px; padding-right: 20px; overflow: hidden; }

.menu-personleft > div > span:hover { cursor: pointer; }

.menu-personleft > div > .icon-down, .menu-personleft > div > .icon-up { float: right; top: 10px; *top: -10px; margin: 0; }

.menu-personleft > div > .icon-down, .menu-personleft > div > .icon-up { display: inline-block; }

.menu-personleft > div > span { font-size: 14px; color: #333333; }

.menu-personleft > div > i { margin-right: 10px; position: relative; top: 2px; color: #666666; }

.menu-personleft-hidden > div > span, .menu-personleft-hidden > div > div > p { font-size: 12px; color: #333333; display: inline-block; padding-top: 20px; }

.menu-personleft-hidden > div > i { display: inline-block; width: 13px; height: 13px; background-repeat: no-repeat; margin-right: 10px; margin-left: 2px; position: relative; top: 2px; *top: -2px; }

.icon-open, .icon-close { display: inline-block; }

.menu-personleft-hidden > div > i:hover { cursor: pointer; }

.menu-personleft-hidden > div > div > p { color: #666666; }

.menu-personleft-hidden > div > div { padding-left: 30px; }

.tab-top-blg, .tab-top-bsm { width: 700px; height: inherit; border-bottom: 2px solid #ff802b; }

.tab-top-blg ul, .tab-top-bsm ul { overflow: hidden; width: 100%; height: inherit; background-color: #FAFAFA; }

.tab-top-blg ul li, .tab-top-bsm ul li { width: 20%; height: inherit; display: inline-block; float: left; text-align: center; }

.tab-top-blg ul li span, .tab-top-bsm ul li span { width: 100%; height: inherit; width: 100%; font-size: 16px; color: #666666; display: block; }

.tab-top-blg-backga, .tab-top-bsm-backga { background: #ff802b; color: #FFFFFF !important; }

.tab-top-blg ul li span:hover, .tab-top-bsm ul li span:hover, .tab-top-nobsm ul li span:hover, .tab-top-noblg ul li span:hover { cursor: pointer; color: #ff802b; }

.tab-top-blg ul li span { line-height: 51px; }

.tab-top-bsm ul li span { font-size: 14px; line-height: 40px; }

.tab-top-nobsm ul, .tab-top-noblg ul { overflow: hidden; width: 100%; }

.tab-top-nobsm ul li, .tab-top-noblg ul li { width: 20%; display: inline-block; float: left; text-align: center; }

.tab-top-nobsm ul li span, .tab-top-noblg ul li span { width: 100%; font-size: 14px; color: #666666; }

.tab-top-nobsm-backga, .tab-top-noblg-backga { border-bottom: 2px solid #ff802b; color: #ff802b !important; }

.tab-top-nobsm { width: 415px; height: inherit; border-bottom: 1px solid #EDEDED; }

.tab-top-nobsm ul li { line-height: 41px; }

.tab-top-nobsm ul li span { padding: 9px 0; }

.tab-top-noblg { width: 565px; height: inherit; border-bottom: 1px solid #EDEDED; }

.tab-top-noblg ul li { line-height: 41px; }

.tab-top-noblg ul li span { font-size: 16px; padding: 8px 0; }

.tab-left-sm { width: 60px; height: inherit; }

.tab-left-sm ul { width: 100%; }

.tab-left-sm ul li { width: 100%; text-align: center; font-size: 14px; display: inline-block; }

.tab-left-sm ul li span { border: 1px solid #EDEDED; border-top: 1px solid #FFFFFF; font-size: 14px; color: #666666; display: block; padding: 20px 5px; *overflow: hidden; }

.tab-left-sm ul li:first-child span { border: 1px solid #EDEDED; }

.tab-left-sm ul li span:hover { cursor: pointer; color: #ff802b; }

.tab-left-sm-backga { background-color: #ff802b; color: #FFFFFF !important; border: 1px solid #ff802b !important; }

.tab-left-lg { width: 300px; height: inherit; position: relative; }

.tab-left-lg > ul { width: 100%; }

.tab-left-lg > ul > li { width: 100%; border: 1px solid #EDEDED; border-top: 0px solid #EDEDED; text-align: left; font-size: 14px; display: inline-block; background-color: #FAFAFA; position: relative; }

.tab-left-lg > ul > li:first-child { border-top: 1px solid #EDEDED; }

.tab-left-lg > ul > li span { font-size: 14px; color: #666666; display: block; padding: 20px; *overflow: hidden; }

.tab-left-lg > ul > li span:hover { cursor: pointer; color: #ff802b; }

.tlli-hide { display: inline; }

.tab-left-lg-backga { background-color: #FFFFFF; color: #ff802b !important; border-left: 2px solid #ff802b; }

.tab-left-lg-hidden { width: 243px; height: 243px; border: 1px solid #EDEDED; background-color: #FFFFFF; position: absolute; top: 0; left: 300px; }

.tab-left-lg-i { width: 3px; display: inline-block; height: 60px; background-color: #FFFFFF; position: absolute; top: 0; left: 299px; z-index: 10; }

.tab-left-backlg { width: 160px; height: 350px; background-color: #333333; }

.tab-left-backlg ul { width: 100%; }

.tab-left-backlg ul li { width: 100%; text-align: left; font-size: 14px; display: inline-block; }

.tab-left-backlg ul li span { font-size: 14px; color: #FFFFFF; display: block; padding: 20px 5px; *overflow: hidden; }

.tab-left-backlg ul li span:hover { cursor: pointer; color: #999999; }

.tab-left-backlg ul li span i { padding: 5px; }

.tab-left-backlg-backga { background-color: #666666; color: #FFFFFF !important; }

.tab-across { width: 325px; height: inherit; }

.tab-across ul { width: 100%; }

.tab-across ul li { border: 1px solid #EDEDED; border-left: 1px solid #FFFFFF; width: 79px; float: left; text-align: center; padding-top: 15px; padding-bottom: 10px; position: relative; }

.tab-across ul li:hover { border: 1px solid #ff802b !important; cursor: pointer; }

.tab-across ul li:hover span { display: block; }

.tab-across ul li:hover .tab-across-hiddenone, .tab-across ul li:hover .tab-across-hiddentwo, .tab-across ul li:hover .tab-across-hiddenthree, .tab-across ul li:hover .tab-across-hiddenfour { display: block; }

.tab-across ul li:first-child { border-left: 1px solid #EDEDED; }

.tab-across ul li > i { color: #ff802b; font-size: 25px; }

.tab-across ul li p { font-size: 12px; color: #333333; padding-top: 5px; }

.tab-across ul li span { width: 100%; height: 5px; background-color: #FFFFFF; position: absolute; top: 72px; left: 0; display: none; z-index: 3; }

.tab-across-hiddenone, .tab-across-hiddentwo, .tab-across-hiddenthree, .tab-across-hiddenfour { display: none; width: 322px; height: 125px; *width: 321px; border: 1px solid #ff802b; background-color: #FFFFFF; position: absolute; top: 74px; z-index: 2; left: 0; }

.tab-across-hiddenone { left: -1px; }

.tab-across-hiddentwo { left: -82px; }

.tab-across-hiddenthree { left: -163px; }

.tab-across-hiddenfour { left: -244px; }

.tab-across ul li div i { float: right; color: #ff802b; font-size: 12px; padding: 10px; }

.tab-across ul li div i:hover { cursor: pointer; }

.tab-transverse-sm { width: 170px; height: inherit; border-bottom: 2px solid #ff802b; }

.tab-transverse-sm ul { overflow: hidden; width: 100%; }

.tab-transverse-sm ul li { width: 33%; display: inline-block; float: left; text-align: center; }

.tab-transverse-sm ul li span { width: 100%; font-size: 12px; color: #666666; display: block; padding: 2px 0; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.tab-transverse-sm ul li span:hover { cursor: pointer; color: #ff802b; }

.tab-transverse-sm-backga { background: #ff802b; color: #FFFFFF !important; }

.tab-transverse-lg { width: 300px; height: inherit; }

.tab-transverse-lg ul { overflow: hidden; width: 100%; background-color: #FAFAFA; }

.tab-transverse-lg ul li { width: 33.333%; display: inline-block; float: left; text-align: center; }

.tab-transverse-lg ul li span { width: 100%; font-size: 12px; color: #666666; display: block; padding: 4px 0; }

.tab-transverse-lg ul li span:hover { cursor: pointer; color: #ff802b; }

.tab-transverse-lg-backga { background: #ff802b; color: #FFFFFF !important; }

.tab-transverse-lgtwo { width: 150px; height: inherit; }

.tab-transverse-lgtwo ul { overflow: hidden; width: 100%; }

.tab-transverse-lgtwo ul li { width: 49%; display: inline-block; float: left; text-align: center; }

.tab-transverse-lgtwo ul li span { width: 100%; font-size: 12px; color: #ff802b; display: block; padding: 4px 0; border: 1px solid #FF3333; }

.tab-transverse-lgtwo ul li span:hover { cursor: pointer; }

.tab-transverse-lgtwo ul li:first-child span { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

.tab-transverse-lgtwo ul li:first-child + li span { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.tab-transverse-lgtwo-backga { background: #ff802b; color: #FFFFFF !important; border: 1px solid #ff802b !important; }

.tab-top-bsm1 { border: 1px solid #ededed; height: 40px; background-color: #fafafa; }

.tab-top-bsm1 ul { overflow: inherit; height: 40px; background-color: #F5F5F5; }

.tab-top-bsm1 ul li { width: auto !important; }

.tab-top-bsm1 ul li span { width: auto; height: 39px; line-height: 39px; border-top: 1px solid #ededed; border-left: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; position: relative; top: -1px; left: 0; padding: 0 20px; }

.tab-top-bsm1 ul li .tab-top-bsm-backga { height: 39px; line-height: 37px; color: #ff802b !important; background-color: #ffffff; border-top: 2px solid #ff802b; border-left: 1px solid #ededed; border-right: 1px solid #ededed; }

.tab-top-bsm1 ul li:first-child .tab-top-bsm-backga { border-left: 1px solid #ffffff; }

.page { width: 100%; height: inherit; *overflow: hidden; }

.page-left { width: 720px; height: inherit; display: inline-block; *float: left; }

.page-cet { width: 110px; height: inherit; display: inline-block; *float: left; }

.page-rgt { width: 160px; height: inherit; display: inline-block; color: #333333; font-size: 12px; *float: left; }

.page-left a { border: 1px solid #D6D6D6; width: 30px; height: 30px; color: #333333; display: inline-block; background-color: #FFFFFF; font-size: 12px; margin-right: 5px; line-height: 30px; text-align: center; vertical-align: middle; }

.page-left a:hover { border: 1px solid #ff802b; color: #ff802b; }

#page-home, #page-last { width: 50px; }

#page-prev, #page-next { width: 70px; }

#page-left-sel { background-color: #ff802b; color: #FFFFFF; border: 1px solid #ff802b; }

.page-cet p { color: #333333; font-size: 12px; display: inline-block; }

#page-cet-all { color: #ff802b; }

.page-rgt button { font-size: 12px; width: 55px; height: 30px; text-align: center; line-height: 30px; background-color: #FAFAFA; border: 1px solid #D6D6D6; color: #333333; }

.page-rgt button:hover { border: 1px solid #ff802b; color: #ff802b; background: #FFFFFF; }

.page-rgt-ipt { display: inline-block; position: relative; border: 1px solid #D6D6D6; width: 53px; height: 30px; overflow: hidden; top: 10px; padding-left: 5px; }

.page-rgt-ipt input { width: 40px; height: 30px; border: 0px; float: left; outline: none; -webkit-appearance: none; border-radius: 0; }

.page-rgt-img { width: 13px; height: 30px; background: #FAFAFA; display: inline-block; position: relative; }

.page-rgt-img span { height: 0px; border-style: solid; border-width: 4px 4px 4px 4px; position: absolute; top: 0; right: 0; overflow: hidden; }

#page-rgt-imgone { right: 4px; top: 3px; border-color: #f7f7f7 #f7f7f7 #666666 #f7f7f7; }

#page-rgt-imgtwo { border-color: #666666 #f7f7f7 #f7f7f7 #f7f7f7; top: 20px; right: 4px; }

.page-rgt-img span:hover { cursor: pointer; }

.page-nopg { font-size: 12px; }

.page-nopg ul { overflow: hidden; }

.page-nopg ul li { margin-right: 16px; display: inline-block; text-align: center; float: left; }

.page-nopg ul li:first-child + li + li { margin: 0; }

.page-nopg ul li > div { margin-top: 5px; }

.page-nopg ul li > span { display: inline-block; width: 22px; height: 22px; line-height: 22px; border: 1px solid #D6D6D6; background-color: #FFFFFF; }

.page-nopg ul li > span:hover { cursor: pointer; background-color: #FAFAFA; }

.page-nopg ul li > span > i { font-size: 12px; color: #333333; *position: relative; *top: 6px; }

.page-nopg-cur { color: #ff802b; }

.page-round { width: 150px; height: inherit; }

.page-round ul { width: 100%; overflow: hidden; }

.page-round ul li { display: inline-block; text-align: center; float: left; }

.page-round-left, .page-round-right { width: 15px; height: 15px; }

.page-round-center { width: 120px; height: 15px; }

.page-round-left span, .page-round-right span { display: inline-block; width: 13px; height: 13px; line-height: 14px; border: 1px solid #D6D6D6; background-color: #FFFFFF; position: relative; top: -3px; }

.page-round-left span:hover, .page-round-right span:hover { cursor: pointer; background-color: #FAFAFA; }

.page-round-left span i, .page-round-right span i { font-size: 12px; color: #333333; position: relative; top: -1px; }

.page-round-center span { display: inline-block; width: 13px; height: 13px; border: 1px solid #D6D6D6; text-align: center; position: relative; top: -2px; -webkit-border-radius: 50%; border-radius: 50%; }

#page-round-center-bkg { background: #ff802b; border: 1px solid #ff802b; }

.page-triangle { width: 100%; height: inherit; }

.page-triangle ul { width: 100%; overflow: hidden; }

.page-triangle ul li { display: inline-block; text-align: center; float: left; }

.page-triangle-left, .page-triangle-right { width: 100px; height: inherit; }

.page-triangle-center { width: 100px; height: 50px; }

.page-triangle-left i, .page-triangle-right i { padding: 11px 6px; }

.page-triangle-left i:hover, .page-triangle-right i:hover { border-top-right-radius: 2px; border-top-right-radius: 2px; cursor: pointer; background-color: #7A7A7A; }

.page-triangle-left span i, .page-triangle-right span i { font-size: 12px; color: #333333; position: relative; top: -1px; }

.form { width: 100%; height: inherit; }

.form > ul, .form > ul > li { width: 100%; height: inherit; }

.form > ul > li { padding-bottom: 30px; }

.form-sm { width: 273px; height: 32px; line-height: 32px; border: 1px solid #D6D6D6; padding-left: 10px; color: #333333; }

.form-lg { width: 273px; height: 38px; line-height: 38px; border: 1px solid #D6D6D6; padding-left: 10px; color: #333333; }

.form-error { border: 1px solid #FF0000 !important; }

.form-impor { border: 1px solid #EDEDED; color: #999999; background-color: #FAFAFA; }

.form-vc-show { width: 273px; height: 32px; overflow: hidden; border: 1px solid #D6D6D6; padding-left: 10px; position: relative; }

.form-vc-show input { width: 127px; height: 32px; border: 0px; float: left; line-height: 32px; font-size: 12px; color: #333333; }

.vc-img { padding: 2px 10px; float: left; }

.form-vc-show span { font-size: 12px; color: #0E56A6; line-height: 32px; }

.form-vc-show img:hover, .form-vc-show span:hover { cursor: pointer; }

.form-vc-show span:hover { color: #326FB3; }

.vc-right, .vc-err { width: 16px; height: 16px; background-repeat: no-repeat; position: absolute; top: 9px; left: 115px; }

.form-getvc { width: 290px; height: inherit; position: relative; overflow: hidden; }

.form-getvc input { width: 100px; height: 32px; border: 1px solid #D6D6D6; line-height: 32px; padding-left: 10px; color: #333333; padding-right: 25px; float: left; }

.form-getvc span { width: 138px; height: 32px; display: inline-block; font-size: 12px; text-align: center; line-height: 32px; border: 1px solid #D6D6D6; color: #666666; background: #FAFAFA; margin-left: 8px; float: left; border-radius: 2px; }

.form-getvc > i { position: absolute; left: 113px; top: 8px; }

.form-getvc span:hover, .form-getvc > i:hover { cursor: pointer; }

.form-radio, .form-checkbox { width: 135px; height: 32px; border: 1px solid #D6D6D6; }

.form-radio input, .form-checkbox input { width: 102px; height: 32px; border: 0px; line-height: 32px; padding-left: 10px; font-size: 12px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.frh-hid { display: none; }

.form-rad { width: 137px; height: inherit; position: relative; top: 0; left: 0; z-index: 20; }

.form-radio { position: relative; cursor: pointer; }

.form-radio i { position: absolute; top: 14px; right: 10px; *top: -13px; }

.form-radio input { cursor: pointer; }

.form-radio i:hover, .frh-top-search i:hover { cursor: pointer; }

.frh-top-search > i { display: inline-block; width: 13px; height: 13px; position: relative; top: 3px; margin-left: 5px; }

/* 如果需要隐藏的内容脱离文档流，就把下面的定位释放开就可以了。 */
.form-radio-hidden { width: 100%; height: inherit; position: absolute; top: 34px; left: 0; z-index: 200; }

.frh-top { border: 1px solid #D6D6D6; border-top: 0px solid #D6D6D6; background-color: #F5F5F5; padding: 5px; }

.frh-top-search { background-color: #FFFFFF; border: 1px solid #D6D6D6; }

.frh-top-search i { position: relative; top: 1px; top: -3px \9; }

.frh-top-search input { width: 100px; height: 24px; border: 0px; line-height: 23px; font-size: 12px; color: #333333; }

.frh-cet { border: 1px solid #D6D6D6; border-top: 0px solid #D6D6D6; width: auto; height: auto; }

.frh-cet ul { width: 100%; height: 100%; max-height: 360px; background-color: #FFFFFF; overflow-x: auto; overflow-y: visible; }

.form-radio-hidden .frh-cet ul li { margin: 0; padding: 9px 10px; font-size: 12px; position: relative; color: #333333; }

.form-radio-hidden .frh-cet ul li .icon-common14 { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; }

.form-radio-hidden .frh-cet ul li ul { display: none; position: absolute; height: auto; left: 100%; top: 0; border: 1px solid #D6D6D6; }

.frh-cet ul li:hover { cursor: pointer; background-color: #F5F5F5; }

.frh-cet-hov { background-color: #F5F5F5; }

.fch-hid, .fchc-hid { display: none !important; }

.form-chb { width: 100%; height: inherit; position: relative; }

.fch-cover { display: block; width: 135px; height: 5px; background-color: white; position: absolute; top: 31px; left: 1px; z-index: 5; }

.form-checkbox i { position: relative; top: -2px; *top: -12px; }

.form-checkbox-hidden ul li:hover { cursor: pointer; }

.form-checkbox-hidden { width: 260px; height: inherit; border: 1px solid #D6D6D6; }

.form-checkbox-hidden ul { background-color: #FFFFFF; overflow: hidden; padding-left: 10px; }

.form-checkbox-hidden ul li { width: 50%; height: inherit; float: left; padding: 0px 0px; line-height: 36px; }

.form-checkbox-hidden ul li span { font-size: 12px; }

.form-checkbox-hidden ul li .fc-che { position: relative; top: 3px; }

.fch-btn { background-color: #F5F5F5; padding: 15px; overflow: hidden; }

.fch-btn div { float: right; }

.fch-btn button { width: 50px; height: 24px; text-align: center; -webkit-border-radius: 2px; border-radius: 2px; font-size: 12px; }

.fch-btn-r { background-color: #ff802b; border: 1px solid #ff802b; color: #FFFFFF; margin-right: 10px; }

.fch-btn-e { background-color: #FFFFFF; border: 1px solid #D6D6D6; color: #666666; }

.fch-btn-r:hover { border: 1px solid #FF7327; background-color: #FF7327; }

.fch-btn-e:hover { border: 1px solid #D6D6D6; background-color: #FAFAFA; }

.fth-hid { display: none; }

.form-tim { font-size: 12px; position: relative; overflow: hidden; }

.form-tim > span { float: left; line-height: 32px; margin-right: 10px; }

.form-time { width: 150px; height: 32px; border: 1px solid #D6D6D6; display: inline-block; float: left; }

.form-time input { width: 117px; height: 32px; border: 0px; line-height: 32px; padding-left: 10px; font-size: 12px; color: #333333; }

.form-time i { position: relative; top: 5px; *top: -6px; right: -1px; }

.ft-start i { *float: right; *top: -26px; *right: 2px; }

.form-time i:hover, .frh-top-search i:hover { cursor: pointer; }

.ft-start { margin-right: 10px; }

.form-tim > button { width: 38px; height: 34px; border: 1px solid #D6D6D6; color: #666666; background-color: #FFFFFF; font-size: 12px; -webkit-border-radius: 2px; border-radius: 2px; line-height: 32px; text-align: center; vertical-align: middle; float: left; margin-left: 4px; }

.form-tim > button:hover { color: #333333; background-color: #FAFAFA; }

.form-tim > button.active { background-color: #ff802b; color: #fff; border-color: #FF7327; }

.form-time-hidden { position: absolute; top: 34px; left: 0px; z-index: 3; }

.fth-top { width: 125px; height: 32px; border: 1px solid #D6D6D6; border-top: 0px solid #FFFFFF; overflow: hidden; padding-left: 10px; background-color: #FFFFFF; }

.fth-top span { font-size: 12px; line-height: 32px; }

.fth-top i { float: right; margin-top: 7px; margin-right: 7px; }

.fth-top i:hover { cursor: pointer; }

.fth-center { width: 235px; height: inherit; border: 1px solid #D6D6D6; background-color: #FFFFFF; padding: 10px 0; position: relative; top: -1px; }

.fth-center div { text-align: center; }

.fth-cover { display: block; width: 135px; height: 5px; background-color: white; position: absolute; top: 31px; left: 1px; z-index: 2; }

.form-sch { width: inherit; height: 34px; overflow: hidden; }

.form-search { width: 214px; height: 32px; border: 1px solid #D6D6D6; border-right: 0px solid #D6D6D6; float: left; }

.form-search input { width: 145px; height: 32px; margin-right: 5px; border: 0px; line-height: 32px; padding-left: 10px; font-size: 12px; color: #333333; }

.fs-sch { position: relative; top: 3px; *top: -8px; left: 7px; }

.fs-err { position: relative; top: 5px; *top: -6px; left: 0; }

.form-search i:hover { cursor: pointer; }

.fs-err-hid { display: none; }

.form-sch button { width: 70px; height: 34px; font-size: 12px; line-height: 34px; *line-height: 30px; text-align: center; }

.fsb-white { border: 1px solid #D6D6D6; color: #666666; background-color: #FFFFFF; }

.fsb-white:hover { background-color: #FAFAFA; color: #333333; }

.fsb-gray { border: 1px solid #D6D6D6; color: #666666; background-color: #FAFAFA; }

.fsb-orange { color: #FFFFFF; border: 1px solid #ff802b; background-color: #ff802b; }

.fsb-gray:hover { color: #333333; background-color: #FFFFFF; }

.fsb-orange:hover { border: 1px solid #FF7327; background-color: #FF7327; }

.icon-radio1:hover, .icon-radio2:hover { cursor: pointer; }

.fr-nouse, .fr-sel-nouse { opacity: 0.4; filter: alpha(opacity=40); }

.icon-check-e:hover, .icon-check-r:hover, .icon-check-2 { cursor: pointer; }

.fc-nouse, .fc-che-nouse { opacity: 0.4; filter: alpha(opacity=40); }

.form-mpr { width: 107px; height: 34px; overflow: hidden; background-color: #FFFFFF; }

.form-mpr:hover { cursor: pointer; }

.form-mpr input { width: 61px; height: 32px; border: 1px solid #D6D6D6; border-right: 0px solid #D6D6D6; padding-left: 10px; line-height: 34px; font-size: 12px; color: #333333; outline: none; -webkit-appearance: none; border-radius: 0; float: left; }

.form-mpr span { width: 32px; height: 32px; border: 1px solid #D6D6D6; display: inline-block; background-repeat: no-repeat; background-position: 8px 10px; }

.form-mpr span i { margin-top: 10px; margin-left: 8px; }

.fm-incbx { border: 1px solid #38B03F !important; }

.fm-checkbox { background-color: #38B03F; border: 1px solid #38B03F !important; }

.fm-innouse { background-color: #FAFAFA; color: #999999 !important; }

.fm-nouse { background-color: #FAFAFA; }

.fm-incbxnouse { border: 1px solid #B6E8BB !important; color: #999999 !important; }

.fm-checkbox-nouse { background-color: #B6E8BB; border: 1px solid #B6E8BB !important; }

.form-switch { width: 46px; height: 21px; -webkit-border-radius: 25px; border-radius: 25px; display: inline-block; background-color: #38B03F; padding: 2px; overflow: hidden; }

.form-switch:hover { cursor: pointer; }

.form-switch i { width: 21px; height: 21px; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; background-color: #FFFFFF; float: right; }

.form-switch-off { background-color: #D6D6D6; }

.fs-i { float: left !important; }

.singled { width: 285px; height: inherit; }

.singled-cet { width: 285px; height: inherit; position: relative; }

.singled-down { width: 285px; height: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #D6D6D6; }

.singled-up { width: 185px; height: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #ff802b; position: absolute; top: 0; left: 0; }

.singled-round { width: 20px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #ff802b; display: inline-block; position: absolute; top: -6px; left: 175px; }

.singled-round span { width: 12px; height: 12px; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; background-color: #FFFFFF; margin-left: 4px; margin-bottom: 1px; margin-top: 4px; }

.singled-btm { width: 285px; height: inherit; margin-top: 7px; }

.singled-btm ul li { width: 32%; height: inherit; font-size: 12px; color: #666666; padding: 0; float: left; }

.singled-btm-nocet { width: 3% !important; }

.form-group, .form-group-price, .form-group-price-lg, .form-group-lg { overflow: hidden; background-color: #FFFFFF; }

.form-group input, .form-group-price input, .form-group-price-lg input, .form-group-lg input { border: 1px solid #D6D6D6; border-right: 0px solid #D6D6D6; padding-left: 10px; line-height: 32px; font-size: 12px; color: #333333; outline: none; -webkit-appearance: none; border-radius: 0; float: left; }

.form-group button, .form-group-lg button { border: 1px solid #D6D6D6; display: inline-block; line-height: 32px; background-color: #FFFFFF; font-size: 12px; color: #333333; }

.form-group button i, .form-group-lg button i { position: relative; top: -3px; *top: -6px; left: 4px; }

.form-group { width: 285px; height: 34px; }

.form-group input { width: 203px; height: 32px; }

.form-group button { width: 68px; height: 34px; }

.form-group-price span, .form-group-price-lg span { border: 1px solid #D6D6D6; display: inline-block; line-height: 34px; font-size: 12px; color: #333333; text-align: center; }

.form-group-price { width: 285px; height: 34px; }

.form-group-price input { width: 239px; height: 32px; }

.form-group-price span { width: 32px; height: 32px; }

.upload-img { width: 108px; height: 108px; border: 1px dashed #D6D6D6; -webkit-border-radius: 2px; border-radius: 2px; position: relative; }

.upload-img:hover .upload-delete { display: block; }

.upload-img img { z-index: 2; position: relative; }

.upload-img input:hover { cursor: pointer; }

.upload-img input { width: 108px; height: 108px; position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); z-index: 3; }

.upload-img i { position: absolute; top: 50%; left: 50%; margin-top: -17.5px; margin-left: -17.5px; }

.upload-img-hidden, .upload-delete-hidden, .upload-to-hidden, .upload-success-hidden { display: none; }

.upload-to { width: 110px; height: 110px; position: relative; }

.upload-to img { position: relative; z-index: 2; width: 100%; height: 100%; }

.upload-mask { width: 110px; height: 110px; background-color: #000000; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0.7; filter: alpha(opacity=70); }

.upload-wait { width: 110px; height: 90px; text-align: center; padding-top: 20px; position: absolute; top: 0; left: 0; z-index: 3; }

.upload-wait i { width: 39px; height: 39px; }

.upload-wait span { margin-top: 10px; display: block; color: #FFFFFF; font-size: 12px; }

.icon-upload { -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; -webkit-animation: rotate 2s linear infinite; -moz-animation: rotate 2s linear infinite; -o-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; }

@-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotate { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(359deg); } }

@-o-keyframes rotate { from { -o-transform: rotate(0deg); }
  to { -o-transform: rotate(359deg); } }

@keyframes rotate { from { transform: rotate(0deg); }
  to { transform: rotate(359deg); } }

.upload-delete, .upload-success { width: 100%; height: 30px; background-color: #000000; position: absolute; bottom: 0; left: 0; z-index: 2; opacity: 0.7; filter: alpha(opacity=70); text-align: center; }

.upload-delete span, .upload-success span { display: inline-block; color: #FFFFFF; font-size: 12px; position: relative; }

.upload-delete { display: none; z-index: 10; }

.upload-delete:hover { cursor: pointer; }

.upload-delete i { position: relative; left: 0; top: 0; margin: 4px 0 0 0; }

.upload-delete span { top: -7px; *top: -3px; *margin-left: 5px; left: -4px; }

.upload-success i { margin-top: 5px; }

.upload-success span { top: -4px; *top: -1px; *margin-left: 5px; left: -2px; }

.step, .step-br { width: 315px; height: 50px; background-color: #38B03F; line-height: 49px; color: #FFFFFF; font-size: 14px; margin: 0 auto; }

.step span, .step-br span { width: 17px; height: 25px; display: inline-block; background-color: #FFFFFF; -webkit-border-radius: 50%; border-radius: 50%; line-height: 25px; padding-left: 8px; margin-left: 16px; margin-right: 3px; color: #38B03F; font-size: 16px; }

.step-dark { background-color: #38B03F; color: #FFFFFF; }

.step-dark span { background-color: #FFFFFF; color: #38B03F; }

.step-light { background-color: #DDF4DF; color: #38B03F; }

.step-light span { background-color: #B6E8BB; color: #FFFFFF; }

.step-gray { background-color: #FAFAFA; color: #666666; }

.step-gray span { background-color: #D6D6D6; color: #FFFFFF; }

.step-br { -webkit-border-radius: 50px; border-radius: 50px; }

.step-position { width: 100%; height: inherit; overflow: hidden; }

.step-position span { width: 70px; height: inherit; float: left; font-size: 14px; color: #333333; line-height: 40px; }

.step-position ul { display: inline-block; overflow: hidden; }

.step-position ul li { display: inline-block; font-size: 14px; color: #333333; line-height: 40px; float: left; }

.step-position ul li i { font-size: 14px; padding: 0 8px; color: #D6D6D6; }

.notriangle { color: #999999 !important; }

.notriangle > i { display: none; }

.step-select { width: 100%; height: inherit; overflow: hidden; }

.step-select > span { width: 70px; height: inherit; float: left; font-size: 12px; color: #333333; line-height: 40px; }

.step-select ul { display: inline-block; float: left; }

.step-select ul li { display: inline-block; font-size: 12px; line-height: 40px; float: left; }

.step-select ul li i { font-size: 12px; padding-left: 3px; color: #D6D6D6; }

.step-select ul li > span { color: #333333; padding: 2px 0; padding-left: 8px; display: inline-block; line-height: normal; font-size: 12px; border: 1px solid #D6D6D6; float: left; margin-top: 10px; }

.step-select ul li > span > i { padding: 0 8px 0 5px; }

.step-select ul li > span:hover { cursor: pointer; }

#empty-filtration { float: left; color: #999999; padding-left: 5px; }

#empty-filtration:hover { cursor: pointer; color: #ff802b; }

.step-select-notriangle > i { display: none; }

.step-select-content { padding: 2px 0; display: inline-block; line-height: normal; border: 1px solid #D6D6D6; }

.step-select-notriangle > span { margin-right: 8px; }

.step-select-content { margin-top: 10px; }

.step-select-content span { color: #333333; padding-left: 8px; display: inline-block; line-height: normal; font-size: 12px; border-left: 1px solid #D6D6D6; }

.step-select-content span:first-child { border-left: 0px solid #D6D6D6; }

.step-select-content span:hover, .step-select-content span:hover i { cursor: pointer; color: #ff802b; }

.step-select-content span i { padding: 0 8px 0 5px; }

.step-select-hover > span { border: 1px solid #ff802b !important; color: #ff802b !important; }

.step-select-hover > span > i { color: #ff802b !important; }

.step-select ul li > span:hover { border: 1px solid #ff802b; color: #ff802b; }

.step-select ul li > span:hover i { color: #ff802b; }

.step-progressbar { width: 100%; height: inherit; }

.step-progressbar-left { width: 175px; height: 9px; position: relative; display: inline-block; }

.step-progressbar-down { width: 175px; height: 9px; background-color: #E6E6E6; -webkit-border-radius: 9px; border-radius: 9px; }

.step-progressbar-up { width: 100px; height: 9px; background-color: #ff802b; -webkit-border-radius: 9px; border-radius: 9px; position: absolute; top: 0; left: 0; }

.step-progressbar-surplus { display: inline-block; font-size: 12px; color: #333333; margin-left: 5px; }

.step-progressbar-surplus span { color: #ff802b; }

.icon-progress1, .icon-progress3, .icon-progress5 { background: #38b03f; border-radius: 50px; }

.icon-progress2, .icon-progress4, .icon-progress6 { background: #f5f5f5; border-radius: 50px; }

.step-order { width: 100%; height: inherit; }

.step-order ul li { overflow: hidden; }

.step-order ul li:first-child { overflow: inherit; }

.step-order-left { float: left; width: 15px; height: 15px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #ff802b; position: relative; }

.step-order-left span { position: absolute; top: 0; left: 0; }

.step-order-left span { display: inline-block; width: 9px; height: 9px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #FFFFFF; margin-top: 3px; margin-left: 3px; }

.step-order-left i { display: inline-block; width: 0px; height: 54px; border-left: 1px dashed #D6D6D6; position: absolute; top: 15px; left: 7px; }

#dashed { border-left: 1px dashed #D6D6D6; position: absolute; top: -54px; left: 7px; }

.step-order-right { float: left; padding-left: 10px; margin-bottom: 20px; }

.step-order-right p { font-size: 12px; color: #333333; }

.step-order-right div { font-size: 12px; color: #999999; }

.step-choice { width: 100%; height: inherit; overflow: hidden; }

.step-choice span { width: 70px; height: inherit; float: left; font-size: 12px; color: #333333; line-height: 40px; }

.step-choice ul { display: inline-block; float: left; }

.step-choice ul li { display: inline-block; font-size: 12px; color: #ff802b; line-height: 40px; float: left; }

.step-choice ul li i { font-size: 12px; padding: 0 8px; color: #D6D6D6; }

#cleanout { float: left; color: #999999; padding-left: 5px; }

#cleanout:hover { cursor: pointer; }

.prompt-news, .prompt-noauthority, .prompt-cancel, .prompt-success, .prompt-delete { -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 5px 2px #D6D6D6; border: 1px solid #D6D6D6 \9; }

.prompt-news-top, .prompt-noauthority-top, .prompt-cancel-top, .prompt-success-top, .prompt-delete-top { border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 10px 20px; font-size: 14px; color: #666666; overflow: hidden; background-color: #FAFAFA; line-height: 18px; *height: 18px; }

.prompt-news-top i, .prompt-noauthority-top i, .prompt-cancel-top i, .prompt-success-top i, .prompt-delete-top i { float: right; font-size: 14px; color: #666666; margin-top: 4px; *margin-top: -15px; }

.prompt-news-title, .prompt-noauthority-title, .prompt-cancel-title { text-align: center; font-size: 16px; color: #333333; line-height: 70px; margin: 0 30px; border-bottom: 1px solid #eaeaea; }

.prompt-news-title i, .prompt-noauthority-title i, .prompt-cancel-title i { position: relative; top: 6px; left: 0; margin-right: 5px; }

.prompt-news-content { padding: 10px 30px; padding-bottom: 5px; }

.prompt-news-content p, .prompt-noauthority-content p, .prompt-cancel-content p { font-size: 12px; color: #666666; line-height: 20px; }

.prompt-news-btn, .prompt-noauthority-btn, .prompt-cancel-btn, .prompt-success-btn, .prompt-delete-btn { text-align: center; padding: 20px 0; }

.prompt-news { width: 408px; height: 299px; }

.prompt-news-top i:hover { cursor: pointer; }

.prompt-news-content div { overflow: hidden; }

.prompt-news-content div span { display: inline-block; font-size: 12px; color: #666666; width: 14px; height: 35px; float: left; }

.prompt-news-btn button { width: 340px; height: 40px; font-size: 14px; line-height: 39px; *line-height: 37px; }

.prompt-noauthority { width: 408px; height: 299px; }

.prompt-noauthority-top i:hover { cursor: pointer; }

.prompt-noauthority-content { padding: 10px 30px; padding-bottom: 5px; }

.prompt-noauthority-content a { font-size: 12px; color: #0E56A6; line-height: 20px; }

.prompt-noauthority-content a:hover { color: #326FB3; }

.prompt-noauthority-btn button { width: 152px; height: 40px; font-size: 14px; line-height: 39px; *line-height: 36px; }

.prompt-noauthority-btn button:first-child { margin-right: 10px; }

.prompt-cancel { width: 333px; height: 240px; }

.prompt-cancel-top i:hover { cursor: pointer; }

.prompt-cancel-title { font-size: 14px; }

.prompt-cancel-content { padding: 15px 30px; padding-bottom: 15px; }

.prompt-cancel-content p { text-align: center; }

.prompt-cancel-btn button { width: 118px; height: 34px; font-size: 14px; line-height: 33px; *line-height: 30px; }

.prompt-cancel-btn button:first-child { margin-right: 10px; }

.prompt-success-content, .prompt-delete-content { padding: 20px 30px; padding-bottom: 5px; text-align: center; }

.prompt-success-content p, .prompt-delete-content p { font-size: 14px; color: #333333; line-height: 20px; text-align: center; padding-top: 20px; }

.prompt-success { width: 333px; height: 240px; }

.prompt-success-top i:hover { cursor: pointer; }

.prompt-success-btn button { width: 150px; height: 34px; font-size: 14px; line-height: 33px; *line-height: 30px; }

.prompt-delete { width: 333px; height: 240px; }

.prompt-delete-top i:hover { cursor: pointer; }

.prompt-delete-btn button { width: 118px; height: 34px; font-size: 14px; line-height: 33px; *line-height: 30px; }

.prompt-delete-btn button:first-child { margin-right: 10px; }

.prompt-input-right, .prompt-input-error, .prompt-input-guide { line-height: 34px; padding-left: 10px; font-size: 12px; color: #666666; float: left; }

.prompt-input-right i, .prompt-input-error i, .prompt-input-guide i { position: relative; top: 3px; left: 0; *top: 0px; *margin-right: 5px; }

.prompt-input { width: 100%; height: inherit; overflow: hidden; }

.prompt-input input { width: 288px; height: 32px; border: 1px solid #D6D6D6; line-height: 32px; padding-left: 10px; float: left; }

.prompt-input div > i { position: relative; top: 3px; *top: 0px; }

.prompt-input-right { color: #666666; }

.prompt-input-error { color: #FF3600; }

.prompt-input-guide { color: #666666; }

.prompt-strip-error, .prompt-strip-success, .prompt-strip-notice, .prompt-strip-fail, .prompt-strip-commonly, .po-deleteone, .po-deletetwo, .po-notenough, .po-revoke { width: 378px; height: 38px; line-height: 38px; padding: 0 10px; font-size: 12px; overflow: hidden; position: relative; }

.prompt-strip-error i:first-child + i, .prompt-strip-success i:first-child + i, .prompt-strip-notice i:first-child + i, .prompt-strip-fail i:first-child + i, .prompt-strip-commonly i:first-child + i { float: right; font-size: 25px; display: inline-block; font-style: normal; font-weight: 100; color: #FFFFFF; position: absolute; top: 0px; right: 8px; }

.prompt-strip-error i:first-child, .prompt-strip-success i:first-child, .prompt-strip-notice i:first-child, .prompt-strip-fail i:first-child, .prompt-strip-commonly i:first-child { position: relative; top: 3px; *top: 0px; left: 0; *margin-right: 5px; }

.prompt-strip-error { color: #FF3600; border: 1px solid #FFCDBF; background-color: #FFE5DE; }

.prompt-strip-error i:first-child + i { color: #FF3600; }

.prompt-strip-error i:first-child + i:hover, .prompt-strip-success i:first-child + i:hover, .prompt-strip-notice i:first-child + i:hover, .prompt-strip-fail i:first-child + i:hover, .prompt-strip-commonly i:first-child + i:hover { cursor: pointer; }

.prompt-strip-success { color: #38B03F; border: 1px solid #B6E8BB; background-color: #DDF4DF; }

.prompt-strip-success i:first-child + i { color: #38B03F; }

.prompt-strip-notice { color: #ff802b; border: 1px solid #FFDECC; background-color: #FFF5EC; }

.prompt-strip-notice i:first-child + i { color: #ff802b; }

.prompt-strip-fail { color: #FF3600; border: 1px solid #FFCDBF; background-color: #FFE5DE; }

.prompt-strip-fail i:first-child + i { color: #FF3600; }

.prompt-strip-commonly { color: #0E56A6; border: 1px solid #B2D4F2; background-color: #FBFDFF; }

.prompt-strip-commonly i:first-child + i { color: #0E56A6; }

.prompt-triangle-plaintext, .prompt-verificationcode { display: inline-block; *display: inline-block; font-size: 12px; line-height: 23px; padding: 0 5px; position: relative; }

.prompt-triangle-plaintext span, .prompt-verificationcode > span { display: inline-block; width: 6px; height: 6px; border-top: 0px solid #FFDECC; border-right: 0px solid #FFDECC; position: absolute; display: none\9; }

.cpt-error { color: #FF3600; border: 1px solid #FFCDBF; background-color: #FFE5DE; }

.cpt-success { color: #38B03F; border: 1px solid #B6E8BB; background-color: #DDF4DF; }

.cpt-notice { color: #ff802b; border: 1px solid #FFDECC; background-color: #FFF5EC; }

.cpt-fail { color: #FF3600; border: 1px solid #FFCDBF; background-color: #FFE5DE; }

.cpt-commonly { color: #0E56A6; border: 1px solid #B2D4F2; background-color: #FBFDFF; }

:root .prompt-triangle-plaintext span { display: inline-block; }

.ptps-bottom { transform: rotate(-45deg); bottom: -4px; left: 40px; }

.ptps-left { transform: rotate(45deg); top: 7px; left: -4px; }

.ptps-right { transform: rotate(225deg); top: 7px; right: -4px; }

.ptps-top { transform: rotate(135deg); top: -4px; left: 40px; }

.prompt-verificationcode { width: 195px; height: inherit; color: #666666; }

.prompt-verificationcode > span { width: 8px; height: 8px; bottom: -5px; left: 97px; }

:root .prompt-verificationcode > span { display: inline-block; }

.prompt-verificationcode p span { color: #ff802b; margin-left: 5px; }

.prompt-verificationcode p img { padding-left: 5px; }

.prompt-verificationcode p span:hover, .prompt-verificationcode p img:hover { cursor: pointer; }

.prompt-reminder { width: 190px; height: inherit; box-shadow: 1px 1px 3px 1px #D6D6D6; position: relative; border: 1px solid #D6D6D6; word-break: break-all; }

.prompt-reminder p { font-size: 12px; line-height: 20px; color: #666666; padding: 10px; }

.prompt-reminder-top { border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 5px 10px; padding-right: 5px; font-size: 12px; color: #666666; overflow: hidden; background-color: #FAFAFA; line-height: 18px; *height: 18px; }

.prompt-reminder-top i { font-style: normal; font-weight: 400; float: right; font-size: 20px; color: #999999; *margin-top: -11px; cursor: pointer; position: relative; top: -2px; left: 0; }

.prompt-reminder > span { display: inline-block; position: absolute; width: 8px; height: 8px; box-shadow: -1px 1px 3px 0px #D6D6D6; border: 1px solid #D6D6D6; border-top: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF; background-color: #FFFFFF; display: none\9; }

:root .prompt-reminder > span { display: inline-block; }

.prs-position-top { transform: rotate(135deg); background-color: #FAFAFA !important; top: -5px; left: 95px; }

.prs-position-bottom { transform: rotate(-45deg); bottom: -5px; left: 95px; }

.prompt-goods { width: 381px; height: inherit; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 1px 1px 5px 1px #D6D6D6; border: 2px solid #ff802b; position: relative; padding: 0 10px; }

.prompt-goods > span { display: inline-block; position: absolute; width: 10px; height: 10px; -webkit-border-radius: 2px; border-radius: 2px; border: 2px solid #ff802b; border-top: 0px solid #ff802b; border-right: 0px solid #ff802b; background-color: #FFFFFF; transform: rotate(45deg); top: 60px; left: -7px; display: none\9; }

:root .prompt-goods > span { display: inline-block; }

.prompt-goods-top { padding: 10px 0; border-bottom: 1px solid #D6D6D6; }

.prompt-goods-top p { font-size: 14px; color: #333333; }

.prompt-goods-center { border-bottom: 1px solid #D6D6D6; }

.prompt-goods-center ul { padding: 10px 0; }

.prompt-goods-center ul li { font-size: 12px; color: #666666; overflow: hidden; }

.prompt-goods-center ul li span { line-height: 25px; width: 16%; height: inherit; float: left; text-align: right; color: #333333; }

.prompt-goods-center ul li p { width: 84%; height: inherit; line-height: 25px; float: left; }

.prompt-goods-bottom { padding: 5px; }

.prompt-goods-bottom p { font-size: 12px; color: #333333; line-height: 25px; }

.prompt-goods-bottom p span { color: #666666; }

.prompt-cheat i { position: relative; top: 3px; *top: 0px; left: 0; *margin-right: 5px; }

.prompt-cheat p { display: inline; font-size: 12px; color: #ff802b; line-height: 25px; }

.prompt-orderform { min-width: 80px; max-width: 280px; width: auto; height: auto; -webkit-border-radius: 10px; border-radius: 10px; line-height: 20px; padding: 20px 60px; font-size: 14px; overflow: hidden; color: #FFFFFF; box-shadow: 0 0 15px 3px #D6D6D6; position: relative; display: flex; justify-content: center; }

.prompt-orderform i:first-child + i { float: right; font-size: 25px; display: inline-block; font-style: normal; font-weight: 100; color: #FFFFFF; position: absolute; top: 0px; right: 8px; display: none; }

.prompt-orderform i:first-child { display: none; position: relative; top: 5px; *top: 0px; margin-right: 5px; left: 0; }

.prompt-orderform { background-color: #FFE5DE; }

.prompt-orderform i:first-child + i:hover { cursor: pointer; }

.po-deleteone, .po-deletetwo, .po-notenough, .po-revoke { background-color: #000000; }

.plate { width: 740px; height: inherit; margin: 0 auto; }

.plate-title { width: 100%; height: 18px; border: 1px solid #D6D6D6; overflow: hidden; padding: 15px 0; }

.plate-title span { display: inline-block; width: 2px; height: 17px; background-color: #ff802b; float: left; position: relative; top: 2px; left: 16px; }

.plate-title h3 { font-size: 16px; color: #666666; padding-left: 24px; }

.plate-center { width: 100%; height: inherit; border: 1px solid #D6D6D6; }

.plate-center ul { padding: 30px 0; }

.plate-center ul li { overflow: hidden; margin-top: 16px; }

.plate-center ul li:first-child { margin-top: 0; }

.plate-center ul li p { width: 190px; height: inherit; font-size: 12px; color: #333333; line-height: 34px; text-align: right; padding-right: 2px; float: left; }

.plate-center ul li p.tl { text-align: left; }

.plate-center ul li p span { color: #ff802b; }

.plate-center ul li input { font-size: 12px; float: left; }

.game-name { width: 100%; height: inherit; }

.game-name ul li { margin: 30px 0; }

.game-name ul li p { font-size: 12px; color: #666666; }

.game-name ul li p span { color: #333333; margin-right: 5px; }

.pc-noborder { border: 0px; padding: 0; }

.pc-noborder ul { padding: 0; }

.paragraph-spacing { width: 100%; height: inherit; }

.paragraph-spacing p { color: #ff802b; font-size: 12px; line-height: 24px; }

.form-group-price-lg { width: 570px; height: 34px; }

.form-group-price-lg input { width: 502px; height: 32px; }

.form-group-price-lg span { width: 55px; height: 32px; }

.form-group-lg { width: 570px; height: 34px; }

.form-group-lg input { width: 397px; height: 32px; }

.form-group-lg button { width: 160px; height: 34px; }

.form-group-radio ul, .form-group-checkbox ul { width: 100%; height: inherit; overflow: hidden; }

.form-group-radio ul li, .form-group-checkbox ul li { width: 33.333%; height: inherit; line-height: 30px; font-size: 12px; color: #333333; float: left; }

.form-group-radio ul li span, .form-group-radio ul li i, .form-group-checkbox ul li span, .form-group-checkbox ul li i { position: relative; top: 2px; *top: -2px; *margin-right: 3px; }

.form-group-radio ul li label, .form-group-checkbox ul li label { line-height: 20px; }

.form-group-radio { width: 325px; height: inherit; }

.form-group-radio ul { padding: 0; }

.form-group-radio ul li { margin-top: 0; width: auto; padding-left: 0; }

.form-group-checkbox { width: 325px; height: inherit; }

.form-group-multiselect { width: 285px; height: 34px; }

.form-group-multiselect .form-mpr { display: inline-block; width: 140px; height: 34px; }

.form-group-multiselect .form-mpr input { width: 94px; height: 32px; }

.form-rad-width { width: 285px; height: 34px; }

.form-rad-width .form-radio { width: 285px; height: 34px; }

.form-rad-width .form-radio input { width: 260px; height: 33px; }

.form-rad-width .form-radio-hidden { width: 285px; height: inherit; }

.form-rad-width .form-radio-hidden .frh-top-search input { width: 248px; height: 24px; }

.doubleselection { width: 285px; height: inherit; }

.doubleselection .form-rad { display: inline-block; }

.doubleselection .form-rad:first-child { margin-right: 6px; }

.textarea { width: 780px; height: 98px; padding: 10px; line-height: 25px; font-size: 12px; color: #333333; }

.vc-right-hidden { display: none; }

.confirm { width: 285px; height: 40px; }

.arrow { position: absolute; top: 17px; right: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #7d7d7d; }

.header { margin: auto; min-width: 1200px; display: block; background-color: #fff; }

.header .cont .logo-wrap {  height: 120px; overflow: hidden; }

.header .cont .logo-wrap img { max-width: 100%; }

.header .cont .header-title { line-height: 120px; padding-left: 16px; color: #333; font-size: 24px; font-weight: bold; }

.header .cont .header-title::before { content: ""; width: 1px; height: 54px; background-color: #ededed; margin-right: 16px; display: inline-block; vertical-align: middle; }

.header .cont .search-wrap {
  margin-top: 15px;
  width: 700px;
  float: right;
}

.header .cont .search-wrap .search-tab-title .advanced-btn.active { background-color: #ff802b; color: #fff; }

.header .cont .search-wrap .search-tab-title .general-btn.active { background-color: #079eed; color: #fff; }

.header .cont .search-wrap .search-tab-title li { padding: 5px 10px; color: #000; border-radius: 4px 4px 0 0; }

.header .cont .search-wrap .search-tab-title li:hover { cursor: pointer; text-decoration: underline; }

.header .cont .search-wrap .search-tab-cont { position: relative; width: 100%; background-color: #fff; }

.header .cont .search-wrap .search-tab-cont ul li { overflow: hidden; max-width: 49px; height: 38px; line-height: 38px; position: relative; float: left; padding: 0 23px 0 10px; color: #333333; border-right: 1px solid #eee; cursor: pointer; }

.header .cont .search-wrap .search-tab-cont ul li .arrow { right: 0; top: 0; background: url("/common/images/arrow_down.png") no-repeat center; width: 23px; height: 38px; background-size: 7px 4px; border: none; position: absolute; left: 0; bottom: 0; width: 100%; background-position-x: 86%; }

.header .cont .search-wrap .search-tab-cont ul li .arrow.up { background-image: url("/common/images/arrow_up.png"); }

.header .cont .search-wrap .search-tab-cont .advanced { border: 2px solid #ff802b; }

.header .cont .search-wrap .search-tab-cont .general { display: none; border: 2px solid #079eed; }

.header .cont .search-wrap .search-tab-cont .general .input-search { width: 100%; }

.header .cont .search-wrap .search-tab-cont .general .input-search .btn-search { background-color: #079eed; right: 4px; }

.header .cont .search-wrap .search-tab-cont .general .input-search .btn-search:hover { background-color: #20a8ef; border: 1px solid #20a8ef; }

.header .cont .search-wrap .search-tab-cont .input-search { padding-left: 6px; position: relative; height: 38px; }

.header .cont .search-wrap .search-tab-cont .input-search .icon-search { display: inline-block; vertical-align: middle; *margin-bottom: 19px; margin-bottom: 3px; }

.header .cont .search-wrap .search-tab-cont .input-search input { width: 160px; height: 100%; *height: 37px; line-height: 38px; border: 0px; outline: none; }

.header .cont .search-wrap .search-tab-cont .btn-search { position: absolute; right: 0; display: inline-block; width: 70px; height: 40px; line-height: 40px; font-size: 16px; border: 0px; color: #fff; background-color: #ff802b; cursor: pointer; }

.header .cont .search-wrap .search-tab-cont .btn-search:hover { background-color: #FF7327; }

.header .cont .search-wrap .shopping { margin-left: 10px; }

.header .cont .search-wrap .shopping .btn-forty-msc { position: relative; height: 42px; font-size: 14px; color: #666; }

.header .cont .search-wrap .shopping .btn-forty-msc .icon-shopping-cart, .header .cont .search-wrap .shopping .btn-forty-msc .icon-shopping-cart-active { position: absolute; width: 16px; height: 15px; left: 9px; top: 0; bottom: 0; margin: auto; }

.header .cont .search-wrap .shopping .btn-forty-msc .badge { position: absolute; right: 9px; top: 0; bottom: 0; margin: auto; display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; border-radius: 50%; color: #fff; font-size: 12px; font-style: normal; background-color: #ff802b; vertical-align: text-top; }

.header .cont .search-wrap .shopping .btn-forty-msc .icon-shopping-cart-active { display: none; }

.header .cont .search-wrap .shopping .btn-forty-msc:hover { color: #fff; }

.header .cont .search-wrap .shopping .btn-forty-msc:hover .badge { color: #ff802b; background-color: #fff; }

.header .cont .search-wrap .shopping .btn-forty-msc:hover .icon-shopping-cart { display: none; }

.header .cont .search-wrap .shopping .btn-forty-msc:hover .icon-shopping-cart-active { display: inline-block; }

.header .cont .hot-search {
  width: 700px;
  float: right;
 line-height: 36px; color: #666; }

.header .cont .hot-search .title { width: 60px; color: #b8b8b8; white-space: nowrap; vertical-align: top; line-height: 36px; height: 36px; }

.header .cont .hot-search .hot-items { word-wrap: break-word; }

.header .cont .hot-search .hot-items > .elip, .header .cont .hot-search .form-radio-hidden .frh-cet ul .hot-items > li, .form-radio-hidden .frh-cet ul .header .cont .hot-search .hot-items > li { width: 696px; font-size: 0; height: 36px; overflow: hidden; white-space: normal; }

.header .cont .hot-search .hot-items .item { color: #858585; margin-right: 10px; font-size: 12px; display: inline-block; }

.header .cont .hot-search .hot-items .item:hover { color: #ff802b; }

.header .cont > .row > .fr { width: 756px; }

.header .nav {
  margin-top: 20px;
  border-bottom: 2px solid #ff802b;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  background: #ff802b;
  color: #fff;
  border-bottom: 3px solid #F2F2F2;
}

.header .nav > .ovh { height: 100%; }

.header .nav .title {
  width: 195px;
  text-align: center;
  color: #fff;
  background-color: #ff802b;
}

.header .nav .menus { width: 1005px; }

.header .nav .menus li { float: left; padding: 0 19px; }

.header .nav .menus li.hover { color: #ff802b; }

.header .nav .menus li.hover a { color: inherit; }

.header .medal-wrap { width: 169px; position: relative; height: 30px; }

.header .medal-wrap .pgleft, .header .medal-wrap .pgright { margin: auto; position: absolute; top: 0; bottom: 0; }

.header .medal-wrap .pgleft { left: -8px; }

.header .medal-wrap .pgright { right: -8px; }

.header .carousel-wrap { position: relative; overflow: hidden; width: 100%; height: 30px; }

.header .carousel-wrap .carousel-inner { position: absolute; left: 0; top: 0; }

.header .carousel-wrap .carousel-inner { overflow: hidden; width: 100000px; }

.header .carousel-wrap .carousel-inner .item { float: left; margin-left: 5px !important; padding: 0 !important; width: 30px; height: 30px; }

.header .carousel-wrap .carousel-inner .item:first-child { margin-left: 0; }

.header .carousel-wrap .carousel-inner .item img { width: 100%; height: 100%; }



.paginations { position: relative; text-align: center; zoom: 1; }

.paginations:before, .paginations:after { content: ""; display: table; }

.paginations:after { clear: both; overflow: hidden; }

.paginations span { float: left; margin: 0 5px; width: 28px; height: 28px; line-height: 28px; color: #333333; font-size: 12px; }

.paginations .active { float: left; margin: 0 2px; width: 28px; height: 28px; line-height: 28px; background: #ff802b; color: #fff; font-size: 12px; border: 1px solid #ff802b; }

.paginations a { float: left; margin: 0 2px; width: 28px; height: 28px; line-height: 28px; background: #fff; border: 1px solid #ebebeb; color: #333333; font-size: 12px; }

.paginations a:hover { color: #fff; background: #ff802b; }

.paginations .next, .paginations .prev { font-size: 12px; width: 45px; }

.paginations input { float: left; margin: 0 5px; width: 28px; height: 28px; line-height: 28px; text-align: center; background: #fff; border: 1px solid #ebebeb; outline: 0; color: #333333; font-size: 12px; }

.jump-ipt-text { margin: 0 !important; }

.jump-ipt { margin: 0 !important; width: 48px !important; }

.jump-btn { -webkit-border-radius: 2px; border-radius: 2px; width: 40px !important; margin: 0 !important; }

.step-pro { width: 310px; height: 50px; line-height: 50px; overflow: hidden; position: relative; }

.step-pro > span { float: left; position: relative; top: 0; left: 0; z-index: 100; font-size: 18px; }

.step-pro > span:first-child { width: 25px; height: 25px; line-height: 25px; border-radius: 50%; text-align: center; margin-top: 12.5px; margin-left: 16px; }

.step-pro > span:first-child + span { margin-left: 6px; font-size: 14px; }

.step-col1 > span { color: #fff; }

.step-col1 > span:first-child { color: #38B03F; background: #ffffff; }

.step-col2 > span { color: #666; }

.step-col2 > span:first-child { color: #fff; background: #d6d6d6; }

.ts { height: 23px; font-size: 12px; padding-left: 23px; line-height: 23px; margin-left: 8px; background: url(/common/images/remain.gif) no-repeat; margin-top: 5px; padding-top: 2px; }

.icon1 { background-position: -22px -45px; width: auto; height: 20px; line-height: 19px; padding-right: 5px; }

.icon2 { background-position: 0px 2px; color: #ff0000; width: auto; height: 20px; line-height: 19px; padding-right: 5px; }

.icon3 { background-position: 0px -22px; }

.icon4 { background-position: 2px -45px; }

.oc-on { position: relative; }

.oc-on span { position: absolute; top: 3px; left: 6px; color: #fff; font-size: 12px; }

.oc-off { position: relative; }

.oc-off span { position: absolute; top: 3px; left: 22px; color: #fff; font-size: 12px; }

.v-overflow { overflow: visible !important; }

/***************  雪域修改全局UI样式-start  ***************/
.layui-layer { border-radius: 5px !important; }

.layui-layer-setwin { right: 14px !important; top: 13px !important; }



.layui-layer-title { color: #666666 !important; padding: 0 80px 0 14px !important; border-bottom: 0px solid #eee !important; border-radius: 5px 5px 0 0 !important; height: 40px !important; line-height: 40px !important; }

.layui-layer-border { width: auto !important; border-radius: 10px !important; border: 0 !important; box-shadow: 0 0 0 0 !important; min-width: 200px !important; overflow: hidden; }

/***************  雪域修改全局UI样式-end  ***************/
/*************云端修改start*****************/
.header .row { height: 105px; }

.header .nav { margin-top: 0; }

.goods-top-left li a { font-weight: bold; }

.nav .ovh { overflow: visible; }

.goods-top-right li, .goods-top-left li { position: relative; }

.goods-top-right li img, .goods-top-left li img { object-fit: cover; position: absolute; right: 9px; }

.goods-top-left li img { top: -10px; height: 18px; width: 30px; }

.goods-top-right li img { top: -6px; height: 18px; width: 28px; }

.search-tab-title { display: none; }

.header .cont .search-wrap { margin-top: 30px; }

.goods-top-right { float: right; }

.goods-top-right li { float: left; padding: 0 15px; }

.goods-top-right li a { font-size: 14px; color: #666; }

.goods-top-right li:last-child { padding-right: 0; }

.goods-top-left { float: left; }

.goods-top-left li { float: left; padding: 0 15px; }

.goods-top-left li:first-child {}

.goods-top-left li:hover {
  border-bottom: 2px solid #489eff;
  background: #ff802b;
}
.header a:hover { text-decoration: none; }

.new-pages-nav-box .next, .new-pages-nav-box .prev { width: 28px; }

.new-pages-nav-box a { border-color: #d6d6d6; color: #666; }

.new-pages-nav-box .middle { vertical-align: middle; }

.new-pages-nav-box .disabled { opacity: 0.5; }

.new-pages-nav-box a:hover { border-color: #ff802b; color: #ff802b; background: #fff; }

.new-pages-nav-box .jump-ipt-text { width: auto; padding-left: 14px; padding-right: 10px; height: 30px; line-height: 30px; }

.new-pages-nav-box .jump-ipt + .jump-ipt-text { padding-left: 16px; padding-right: 14px; }

.new-pages-nav-box .top-and-down-box { position: relative; float: left; width: 58px; height: 28px; margin-right: -4px; }

.new-pages-nav-box .top-and-down-box .jump-ipt { padding-right: 15px; box-sizing: border-box; height: 30px; width: 50px !important; }

.new-pages-nav-box .top-and-down-box .top-down-btn-box { position: absolute; right: 0px; top: 0px; width: 15px; height: 28px; background: #f5f5f5; }

.new-pages-nav-box .top-and-down-box .top-down-btn-box .top-btn, .new-pages-nav-box .top-and-down-box .top-down-btn-box .down-btn { display: block; width: 15px; height: 14px; cursor: pointer; box-sizing: border-box; padding-top: 5px; text-align: center; }

.new-pages-nav-box .top-and-down-box .top-down-btn-box .top-btn i, .new-pages-nav-box .top-and-down-box .top-down-btn-box .down-btn i { margin-left: 4px; display: block; }

/*************云端修改end*****************/
.layui-layer-btn .layui-layer-btn1:hover { border-color: #ff802b !important; color: #ff802b !important; background-color: #ffffff; }

.footer-box {
    color: #fff;
    box-sizing: border-box;
    clear: both;
    /* background: #e3e3e3; */
}

.footer-box .colorfff { color: #fff; }

.footer-box div, .footer-box span, .footer-box i, .footer-box ul, .footer-box li, .footer-box p, .footer-box a { box-sizing: border-box; position: relative; color: #fff; }

.footer-box span, .footer-box i { display: inline-block; }

.footer-box .footer1 { height: 84px;
     /* background: url("../images/footer_bg.jpg"); */
     min-width: 1200px; }

.footer-box .footer1-box { width: 1200px; margin: 0 auto; }

.footer-box .footer1-item { width: 258px; float: left; margin-right: 42px; }

.footer-box .footer1-item > p { margin-right: 10px; margin-top: 18px; }

.footer-box .footer1-item > p, .footer-box .footer1-item div { float: left; }

.footer-box .footer1-item > div { text-align: left; }

.footer-box .footer1-item > div p:first-child { margin-top: 24px; font-size: 18px; height: 20px; }

.footer-box .footer1-item > div p:last-child { margin-top: 5px; font-size: 12px; height: 14px; }

.footer-box .footer1-item .icon-footer-style { width: 48px; height: 48px; }

.footer-box .footer1-item .icon-footer-style i { position: absolute; }

.footer-box .footer1-item .icon-footer-style .icon-footer04 { left: 8px; }

.footer-box .footer1-item .icon-footer-style .icon-footer02 { left: 6px; top: 2px; }

.footer-box .footer1-item .icon-footer-style .icon-footer05 { left: 6px; top: 4.5px; }

.footer-box .footer1-item .icon-footer-style .icon-footer01 { left: 0px; }

.width164 { width: 164px; text-align: left; }

.footer2 {
    width: 1200px;
    margin: auto;
    padding: 30px 0;
    border-bottom: 1px #fe8c3e solid;
    border-top: 1px #fe8c3e solid;
}

.footer2-item {  float: left; margin-top: 28px; margin-bottom: 29px; margin-left: 16px; }

.footer2-item .footer-title {
    font-size: 14px;
    margin-bottom: 17px;
    height: 16px;
    line-height: 16px;
    color: #EB593C;
    font-weight: bold;
}

.footer2-item .footer-title a{
 
    color: #fff;
 
}
.footer2-item > ul li { height: 14px; line-height: 14px; margin-bottom: 9px; }

.footer2-item>ul li a {
    font-size: 12px;
    color: #fff;
 
}

.footer2-item>ul li a:hover {
    color: #EB593C;
}

.footer2-item > ul li:last-child { margin-bottom: 0; }

.footer2-item2-right {
    float: left;
    width: 299px;
 
    border-right: 1px solid #fe8c3e;
    padding-bottom: 6px;
}

.footer2-item2-right p { text-align: center; }

.footer2-item2-right .footer-phone {
    font-size: 24px;
    font-weight: bold;
    color: #EB593C;
    text-align: center;
    height: 26px;
    line-height: 26px;
    
}

.footer2-item2-right .footer-phone-title {
    font-size: 12px; 
    height: 14px;
    line-height: 14px;
    margin-top: 6px;
    color: #fff;
}

.footer2-item2-right .m-t17 { margin-top: 17px;color: #fff; }

.footer2-item2-right .advisory {
    width: 130px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border: 1px solid #EB593C;
    margin: 25px auto 0 auto;
    cursor: pointer;
    color: #fff;
}

.footer2-item2-right .advisory span { font-size: 12px; color: #EB593C; }

.footer2-item2-right .advisory i { top: 4px; margin-right: 5px; }

.footer2-item2-right .advisory:hover { background: #EB593C; }

.footer2-item2-right .advisory:hover span { color: #fff; }

.footer2-item2-right .advisory:hover i { background: url("../images/foot_white.png"); width: 16px; height: 16px; }

.footer {
    margin-top: 0 !important;
    background: #333;
}

.footer .user-bottom ul { margin-bottom: 8px !important; }

.footer .user-bottom ul li, .footer .ovh { line-height: 14px !important; }

.footer .user-bottom .user-btmenu li:after { top: 1px !important; }

.footer .user-bottom .user-btmenu li a { padding: 0 8.5px; }

.footer .user-bottom .user-btmenu li a:hover { color: #EB593C; }

.footer .user-bottom .ko-record li a { padding: 0; padding-right: 10px !important; }

.footer .user-bottom ul li:first-of-type a { padding-left: 0; }

.footer .user-bottom ul li a .safe { margin-right: 2px; }